Utilisation du each jquery

Bonjour,

Comme le titre l'indique j'ai un problème pour utiliser le .each(), j'ai plusieurs div de même nom et je voudrais qu'au survol de mon image la div s'agrandisse.
Mon problème c'est que quand je passe sur la première image la div s'agrandit bien mais le fais aussi pour l'autre.
Si vous avez une idée je suis preneur:

code HTML :

Code:

---

1 2 3 4 5 6 7 8

<li> <img src="images/lowhifi.jpg" width="250" alt="LowHifi"/> <div class="shadow"></div> </li> <li> <img src="images/nemo.jpg" width="250" alt="nemo"/> <div class="shadow"></div> </li>

---

code JS:

Code:

---

1 2 3 4 5

$("img").hover(function(){ $(".shadow").each(function(){ $(this).animate({"height":"50px"}); }); });

---

Salut,

Tu n'as pas besoin d'utiliser each

Code:

---

1 2 3

$("img").hover(function(){ $(this).next('div').animate({"height":"50px"}); });

---

Attention le comportement hover n'est pas compatible avec les portables...
(on pourrait faire aussi... $(this).next(".shadow").animate({"height":"50px"});)

Merci =D ça marche niquel !
Merci de la rapidité d'intervention
Et merci pour l'indication du hover, je vais en tenir compte ;)
Oui c'est ce que j'ai fait =)