子菜单得到隐藏认为光标在菜单上

Question

我创建了一个非常简单的，我之前创建了很多次，但这次我面临一个问题，即子菜单被隐藏，虽然光标在它上面这里是js代码

$(".menu").mouseenter(function(){ 
$(this).children("div").slideDown(400); 
console.log("inside submenu"); 
}); 

$(".menu").mouseleave(function(){ 
$(this).children("div").slideUp(400); 
console.log("out of submenu"); 
}); 

HTML代码

<div class="menu"> 
<a href="#">main item</a> 
<div class="submenu"> 
<a href="#">item</a> 
<a href="#">item</a> 
<a href="#">item</a> 
<a href="#">item</a> 
</div> 
</div> 

CSS

nav .menu{margin-left: 2px; float: right; height: 68px; width: 138px; 
position: relative;} 

nav .submenu {display: none; width: 409px; position: absolute; right: 0; 
top: 68px; min-height: 1px; background: rgba(255,255,255,0.9); padding: 10px 0 15px 0; } 

，你可以在这里找到菜单http://mawk3y.net/sky/的页面是阿拉伯语，但菜单链接是恩利希

Answer 1

$(".submenu").hover(
    function() { 
    $(this).show(); 
    }, function() { 
    $(this).slideUp(400); 
    } 
);