jquery et $this?

Bonjour.

J'ai un petit souci avec jquery.

Je suis en train de faire des tests.
Je fais ceci

Code:

---

1 2 3 4 5

<div class="news"> <p>Titre</p> <span style="display:block;"><img src="images/avatar.jpg" width="60" height="60" /></span> <span class="hide"><img src="images/avatar.jpg" width="60" height="60" /></span> </div>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<script> $(document).ready(function(){       $(".news").hover( function () { //$("span.hide").removeClass("hide"); $("span.hide").show("slow"); //$(this).fadeOut(100);$(this).fadeIn(500); }, function () { // $("span").addClass("hide"); $("span.hide").hide("slow"); //$(this).fadeOut(100);$(this).fadeIn(500); } );     }); </script>

---

J'aimerais donc au survol du div news faire apparaitre le <span class="hide">
Cela marche bien si j'ai qu'un seul div.

Imaginons que j'ai une succession de 3 <div class="news">
Comment faire pour qu'au hover sur un des 3, seul le calque sur lequel je fais le hover fasse apparaitre le span caché?

Merci

$(this).find('span.hide').show(); ?

Citation:

---

Envoyé par BkD35

$(this).find('span.hide').show(); ?

---

Nickel, merci.