懸停只顯示與普通類

Question

<div class="example"> 
<div class="test" style="display:none;">Text</div> 
</div> 

<div class="example"> 
<div class="test" style="display:none;">Some other text</div> 
</div> 

子元素，當與類example一個元素上空盤旋，它會顯示其子元素與類text（可能與jQuery的簡單.show()和.hide()）。

我需要它只顯示其子元素，而不是類test的其他元素。如何在不指定id的情況下做到這一點？

Answer 1

$("div.example").hover(function(){ 
    $(this).find("div.test").show(); 
},function(){ 
    $(this).find("div.test").hide(); 
}); 

希望你正在尋找這個。

可以檢查working demo

Answer 2

另外，you can even do it in CSS：

.test{     //or .example .test {} 
    display:none; 
} 

.example:hover .test{ 
    display:block;  //block or inline, your call 
}