子菜單得到隱藏認爲光標在菜單上

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