Затухание в div при зависании над родительским div с jquery

Question

Я пытаюсь заставить div исчезать при использовании jquery, когда мышь нависает над родительским div. Не знаю точно, как это сделать, и код у меня ниже не работает:

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

Это HTML-

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

И это 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

У вас возникла проблема с вашей функцией:

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

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