顯示div在另一個div上懸停

Question

我有兩個div;一個在另一個裏面。我想展示內部div，如果在外部div上徘徊，則應該隱藏內部div。外部div也有一個圖像（內部div的同胞），它總是顯示，所以當它懸停在圖像上時，它也會顯示文本。有人能幫我嗎？

<script> 
$(".divone").hover(
    function() { 
     $(".divtwo").css("visibility","visible"); 
    }, 
    function() { 
     $(".divtwo").css("visibility","hidden"); 
    } 
); 
</script> 


<div class="divone"> 
    <div class="divtwo">some text here</div> 
    <img src="images/test.png" /> 
</div> 


.divtwo{ 
    background-color:red; 
    top:120px; 
    height:50px; 
    width:223px; 
    position:absolute; 
    visibility: hidden; 
} 

.divone{ 
    height:169px; 
position:relative; 
} 

Answer 1

你也可以有一個這樣的風格：

.divone:hover .divtwo { 
    visibility: visible; 
} 

沒有JS要求。

Answer 2

您可以將事件附加到像這樣的mouseenter和mouseleave事件。

$(".divone").mouseenter(function() { 
    $(".divtwo").css("visibility","visible"); 
}); 

$(".divone").mouseleave(function() { 
    $(".divtwo").css("visibility","hidden"); 
});