Comment montrer un div caché sur la souris sur une série d'images

Question

J'ai une série d'images qui ont une description div caché. J'essaye de montrer la description sur un événement de vol stationnaire. Je ne peux pas voir pour le faire fonctionner. Voici le code.

<div class="peopleImage" id="image1"> 
    <img src="image1.jpg"> 
    <div class="peopleInfo">Description goes here</div> 
</div> 


<div class="peopleImage" id="image1"> 
    <img src="image1.jpg"> 
    <div class="peopleInfo">Description goes here</div> 
</div> 

<div class="peopleImage" id="image1"> 
    <img src="image1.jpg"> 
    <div class="peopleInfo">Description goes here</div> 
</div> 

Voici le jquery Je travaille avec:

$(".peopleImage").hover(function() { 
    var peopleInfo = $(this).closest('.peopleInfo'); 
    peopleInfo.show(); 
}); 

Rien ne semble se produire. Toute suggestion serait appréciée!

Answer 1

essayer

(".peopleInfo").show() 

Donnez id sepearte pour chaque div et essayez d'appeler show() avec cet identifiant.

qui sera mieux

Answer 2

Essayez ceci:

$(".peopleImage").hover(function() { 
    $('.peopleInfo', this).show(); 
}, function() { 
    $('.peopleInfo', this).hide(); 
}); 

jsFiddle example

Answer 3

le plus proche est d'obtenir les ancêtres, vous devez trouver les enfants - regardez ce post:

• http://forum.jquery.com/topic/jquery-is-there-an-opposite-of-closet-selector