別のdivにあるJQueryのホバーfadeIn/fadeOut

Question

ヘッダーと呼ばれるdiv内にリストを展開していますが、これは各リストの上にマウスを置いてリストを展開したいのですが、マウスを置いたままにしておくと、ヘッダーdivから移動しました。これまでのところ、私は個々のリストごとにfadeIn/fadeOutを持っています。あるいは、各リストをfadeInに取得して、開いたままだが、divから移動するたびにfadeOutにはなりません。ここ

は、私が使用していますコードです：JavaScriptでコメントアウトhttp://jsfiddle.net/jTCdg/11/

ラインはホバー上のすべての目に見える滞在のリストまたはリストフェードイン/フェードアウトの間で変化するものです。

これは私の初めてのjavascriptですので、大歓迎です。おかげ

Answer 1

jQueryのhoverはmouseenterとmouseleaveイベントハンドラのショートカットです。両方を別々に定義することができます。

$(document).ready(function() { 
    $("#header ul").mouseenter(function() { 
     $(this).find("li").fadeIn(); 
    }); 
    $("#header").mouseleave (function() { 
     $(this).find("li").fadeOut(); 
    }); 
}); 

updated jsfiddleも参照してください。