如何在一系列圖像上顯示鼠標上的隱藏div

Question

我有一系列隱藏了說明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> 

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

這裏是我的工作了jQuery：

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

好像沒有什麼改變。任何建議，將不勝感激！

Answer 1

嘗試

(".peopleInfo").show() 

給sepearte ID爲每個格並嘗試調用show（）與ID。

，這將是更好的

Answer 2

試試這個：

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

jsFiddle example

Answer 3

最近越來越祖先，你需要找到孩子 - 看看這個帖子：

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