マウスが div にあるときに表示されるメニューを作成し、マウスがその div の外にあるときに非表示にしようとしています。
問題は、マウスをメイン div のサブ div、リンク、またはその他の上に置くと、div が非表示になることです。マウスをそれらの上に置いたときに、すべての子を無視するにはどうすればよいですか。
問題を部分的に解決しましたが、その解決策では、サブ div をクリックしたとき、およびメイン div を離れた後にメニューが非表示になるという問題があります。
私のコードは次のとおりです。
$("div.fixed-leftside").mouseover(function(){
$("div.fixed-leftside").hide("fast");
$("div.fixed-leftside-hovered").show("fast");
});
$("div.fixed-leftside-hovered").mouseout(function(e){
if (! $(e.target).is('div.fixed-leftside-hovered')) return; // Ignore the children
$("div.fixed-leftside").show("fast");
$("div.fixed-leftside-hovered").hide("fast");
});