Fade in div, wenn ich über Eltern div mit jquery schwebe

Question

Ich versuche, ein div zu bekommen, mit jquery, wenn die Maus über das Elternteil schwebt. Nicht sicher, wie genau dies zu tun, und der Code, den ich unten habe nicht funktioniert:

$("#front-nav-wrapper").hover(function(){ 
    $("#front-nav").fadeIn("slow"); 
}, 
function(){ 
    $("#front-nav").fadeOut(); 
}); 

Dies ist die HTML

<div id="front-nav-wrapper"> 
<div id="front-nav"> 
    &nbsp; 
</div> 
</div> 

Und das ist die CSS

#front-nav-wrapper { 
    height:125px; 
    position:fixed; 
    top:0px; 
    padding:0px; 
    width:100%; 
} 
#front-nav { 
    height:125px; 
    position:fixed; 
    top:0px; 
    margin:0px; 
    padding:0px; 
    z-index:75; 
    width:100%; 
    background:#fff; 
    background:rgba(255,255,255,.5); 
    display:none; 

} 

Answer 1

Es gibt ein Problem mit Ihrer Funktion, versuchen Sie dies:

$("#front-nav-wrapper").bind("onmouseover", function(){ 
    $("#front-nav").fadeIn("slow"); 
}); 

$("#front-nav-wrapper").bind("onmouseout", function(){ 
    $("#front-nav").fadeOut("slow"); 
});