显示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"); 
});