jqueryで親divにカーソルを置いたときにdivでフェードする

Question

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