jquery slideUp菜单切换？

Question

我有一个slideUp菜单，这是不正常的行为，有时如果我滑过它很快，它可能会上下滑动4或5次。在其他时候，如果我在将它正确加载之前将鼠标悬停在它上面，菜单将会滑动并且变成其“正常”状态，这样如果我将鼠标悬停在上面，它会在我有机会点击任何菜单项之前下滑。

下面是代码：

$(document).ready(function(){ 
var opened = false; 
$("#menu_box").hover(function(){ 

    if(opened){ 
    $("#menu_box").animate({"top": "+=97px"}, "200"); 
    } 

    else{ 
    $("#menu_box").animate({"top": "-=97px"}, "200"); 
    } 


    $("#menu_content").slideToggle("200"); 
    $("#menu_tab .close").toggle(); 
    opened = !opened; 


}); 
}) 

代码原是点击功能，而不是徘徊，所以我想它修改为以下内容：

$(document).ready(function(){ 
$("#menu_box").hover(function(){ 

    $("#menu_box").toggle(function(){ 

    $("menu_box").animate({"top": "-=97px"}, "200"); 
    $("#menu_content").slide("200"); 

      }); 
}); 
}); 

但是，刚才的菜单从右到左褪色 - 根本不滑动。

我哪里错了？ TIA！

Answer 1

修复它绑定mousenter/mouseleave而不是悬停！