jQuery 切换故障

Question

有没有办法避免 jQuery 的 slipToggle() 出现问题？

我有一个水平滑动菜单，当有人将鼠标悬停在链接上时，下面会出现滑动切换列表。

重点是，当我在 jQuery 加载之前将鼠标悬停在链接上时，一切都会以相反的方式进行。当我悬停时菜单会消失，当指针位于其他位置时菜单会显示。所以菜单是没有用的。

这是 jQuery 代码：

$('#nav li').hover(function(){
$(this).children('ul').slideToggle();

}）

也许有一些条件，比如“如果 nav li 悬停并且 ul 不可见，则再次滑动切换”？但我不知道如何写。

多谢。

Answer 1

为了确保这里（与初始鼠标位置无关），您必须拆分 .hover()在 < 上显式调用 .slideDown() mouseenter 和 .slideUp() 上 mouseleave，像这样：

$('#nav li').hover(function(){
  $(this).children('ul').slideDown();
}, function() {
  $(this).children('ul').slideUp();
});