jquery - 显示/隐藏 jquery mouseout 子项

Question

我尝试制作一个菜单，显示鼠标何时位于 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");

});