Javascript嵌套菜單Slidedown？

Question

我做了一個嵌套的菜單向下滑動，但問題是，如果您不斷懸停和關閉li以將嵌套的ul設置爲向下滑動，則當您將鼠標懸停時，它將繼續執行動畫的次數當你快速徘徊和徘徊時，你不會完成任務。我想這樣做，所以它不會註冊動畫，直到它完成上下移動以防止未懸停時的動畫。

這裏是我的javascript：

function mainmenu() { 
    $(" ul ul ").css({ 
     display: "none" 
    }); 
    $(" ul li").hover(function() { 
     $(this).find('ul:first').css({ 
      visibility: "visible", 
      display: "none" 
     }).slideDown(100); 
    }, function() { 
     $(this).find('ul:first').slideUp(100); 
    }); 
} 
$(document).ready(function() { 
    mainmenu(); 
}); 

Answer 1

使用jQuery 'stop()'。

function mainmenu() { 
$(" ul ul ").css({ 
    display: "none" 
}); 
$(" ul li").hover(function() { 
    $(this).find('ul:first').css({ 
     visibility: "visible", 
     display: "none" 
    }).stop().slideDown(100); 
}, function() { 
    $(this).find('ul:first').stop().slideUp(100); 
}); 
}