Discussion :

[masseur]

Bonjour.

J'ai un petit souci avec jquery.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[BkD35]

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

[masseur]

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

Nickel, merci.