显示/隐藏jquery mouseout childs

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");

});