Javascript 我的jQuery导航菜单太快向上滑动

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

这是我代码的链接。

---

您没有为hover（）提供“handlerOut”函数，因此它对hover in和hover out使用相同的函数

将代码更改为：

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

---

谢谢：）我不熟悉Javascript和JQuery。但现在我有另一个问题。如果指针进入ul 5次，它会上下滑动5次。这很烦人。你需要告诉

stop

来清除队列：

。查找（.one”）。停止（对，错）。向下滑动（400）

正在工作。但我不明白为什么即使我在画廊上空快速停留，文字也会显示出来。画廊里的li项目在闪烁，但在停止功能后背景工作正常。我刚刚解决了问题。我在slideUp之后使用了另一个停止功能。现在它的工作完全符合我的要求：）

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