我的jQuery导航菜单太快滑了

Question

我有一个导航菜单。儿童ul当它的父母用鼠标悬停时滑下。当鼠标退出时，它也会向上滑动。但是，我试图让我的第一个和第二个子菜单在它向上滑动之前延迟1秒。我希望孩子在小鼠离开后保持开放状态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

您还没有提供“处理器”和“＃39; hover（）函数，因此它对悬停和悬停都使用相同的函数。

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

将您的代码更改为：

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