クイックjQueryドロップダウンメニューを作成しようとしています

Question

私はこのようなことをしているのかどうかはわかりませんが、jQueryで単純なドロップダウンメニューを作成しようとしています。私は基本的には...メニュー項目がホバーされると表示されるように（リンク付き）のdivをしたい

メニュー：

<ul id="mainlevel"> 
    <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li> 
    <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li> 
    <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li> 
</ul> 

隠し本部：

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div> 

The jQuery：

$(".mainlevel_feature-writers").hover(function(){ 
    $(".subMenu").fadeIn("slow"); 
}, function() { 
    $(".subMenu").fadeOut("slow"); 
}); 

これは隠されたdivをフェードインし、うまく消してしまいますが、誰かが新しく表示されたdivの中の何かを動かすと、どのように消えるのをやめますか？

申し訳ありませんが、これは本当に明白な質問です..私はまだ学んでいます！ :)

Answer 1

mouseoverとmouseoutイベントの処理を分ける必要があると思います。

mouseoverハンドラーを「トップレベル」メニュー要素に、mouseoutハンドラーを隠れた「ドロップダウン」div（コンフリクトを管理するいくつかの状態コード）にアタッチすることをお勧めします。