Javascript嵌套菜单向下滑动？

我制作了一个嵌套菜单向下滑动，但问题是，如果您连续地将鼠标悬停在li上或离开li以设置嵌套菜单向下滑动的动画，当您将鼠标悬停在off位置时，它将继续执行动画，就像您快速地将鼠标悬停在on或off位置时它没有完成一样。我想让它不会注册动画，直到它完成了所有的方式来防止动画时，你不悬停

以下是我的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();
});

使用jQuery“”

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