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