jquery：別のdivでマウスイベントが発生した場合にdivが表示されないようにします

Question

ここにこの簡単な例があります： http://jsfiddle.net/pTyvc/1/ マウスを上に動かすとsub_menu divをslideUpにしたくありませんか？ありがとう

Answer 1

子要素から親要素に移動するときにmouseenterが起動しないため、mouseoverを使用する必要があります。

さらに、サブメニューをマウスオーバーすると、アニメーションが.stop()になって、スライドが上がらないようにする必要があります。マウスをサブメニューから親要素に移動する場合も同様です。

http://jsfiddle.net/pTyvc/25/

$(".menu_item").mouseover(function(){ 
    $(this).addClass("selected") 
     .children().stop().slideDown(500); 
}); 

$(".menu_item").mouseout(function(e){ 
    $(this).removeClass("selected") 
     .children(".sub_menu").slideUp(500); 
}); 

$(".sub_menu").mouseover(function() { 
    $(this).stop(); 
});