jQuery在悬停时显示内部div

Question

我有一个内部div的div喜欢隐藏.当我将鼠标悬停在外面的div上时,我希望展示内心.我这样做有困难.我尝试了一些变化,但仍然无法得到它.

我也会在页面上有多个外部div.

<div class='outdiv'>
    <h1>Content</>
    <div class='innerdiv'></div>
</div>
<div class='outdiv'>
    <h1>Content</>
    <div class='innerdiv'></div>
</div>
<div class='outdiv'>
    <h1>Content</>
    <div class='innerdiv'></div>
</div>

脚本:

        $("div.listingContainer").mouseover(function() {
            $(this).parent().siblings(".saveCompare").show();
        }).mouseout(function(){

        });

谢谢你的帮助.

Answer 1

你为什么要用jQuery呢？我会用css悬停这个

.outdiv:hover .innerdiv {
  display: block; // adjust for your method of hiding the div
}