Javascript嵌套菜单滑动？

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