我的 jQuery 导航菜单滑得太快了

Question

我有一个导航菜单。子 ul 当其父 li 鼠标悬停时向下滑动。当鼠标退出时，它也会向上滑动。但是，我试图让我的第一个和第二个子菜单在它向上滑动之前延迟 1 秒。我希望孩子 ul 在鼠标离开后保持打开状态 1 秒钟。但是，它仍然立即向上滑动。我的代码中缺少什么？

这是我的代码的链接。 https://jsfiddle.net/naeemrind/ptbzwrzu/

$(document).ready(function(){
$("#menu ul li").hover(function(){
            $(this).find(".one").stop().slideToggle(400)
        });
    });

     $(document).ready(function(){
        $("#menu ul ul li").hover(function(){
            $(this).find(".two").stop().slideToggle(400)
        });
    });

Answer 1

您没有为 hover() 提供“handlerOut”函数，因此它对悬停和悬停使用相同的函数。

https://api.jquery.com/hover/

将您的代码更改为：

$("#menu ul li").hover(
    function() {
         $(this).find(".one").stop().slideDown(400)
    },
    function() {
         $(this).find(".one").delay(1000).slideUp(400)
    });
});