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而不是懸停！