Função funciona apenas para o primeiro item

[marcelo2605 10]

Tenho uma sequência de divs como essa (mudando apenas a class)

 

<div id="premio" class="premio01"><img src="images/premio01.jpg"><div id="premio_box" class="premio_box01"><img src="images/premio_box01.png"></div></div>

 

Fiz um script para que a div premio_box aparecesse com mouseenter:

 

$('#premio').mouseenter(function(){
	var $this = $(this);
	$this.children().fadeIn('fast');
});

$('#premio').mouseleave(function(){
	var $this = $(this);
	$this.children().not('img').fadeOut('fast');
});

 

Ocorre que só está funcionando com a primeira div.

 

 

Problema de css. Alterar id por class.

[Diego L.L. 2]

Tenho uma sequência de divs como essa (mudando apenas a class)

 

<div id="premio" class="premio01"><img src="images/premio01.jpg"><div id="premio_box" class="premio_box01"><img src="images/premio_box01.png"></div></div>

 

Fiz um script para que a div premio_box aparecesse com mouseenter:

 

$('#premio').mouseenter(function(){
	var $this = $(this);
	$this.children().fadeIn('fast');
});

$('#premio').mouseleave(function(){
	var $this = $(this);
	$this.children().not('img').fadeOut('fast');
});

 

Ocorre que só está funcionando com a primeira div.

 

 

Problema de css. Alterar id por class.

 

Bom dia Marcelo,

Acabo de responder um post com um problema semelhante ao seu. O atributo HTML 'id' é um identificador que deve permanecer único em sua página, dois elementos não podem conter o mesmo id em um mesmo arquivo, além de ser incorreto ao selecionar este elemento o jquery pega apenas o primeiro elemento pois entende que este é um elemento único...

 

Pra resolver o seu problema use uma class