Question

I have a div with an inner div which hi hidden. When I hover over the outter div I wish to show the inner. I am having difficulty doing this. I have tried a few variations but still cant get it.

I will have multiple outer div’s on the page also.

<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>

script:

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

        });

Thanks for any help.

Answer 1

Why are you using jQuery for this?
I’d go with a css hover for this one

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