jQuery切换故障

时间:2010-11-17 19:17:48

标签: javascript jquery slidetoggle

有没有办法避免jQuery的slideToggle()?

出现问题

当有人悬停链接时,我有一个水平滑动菜单,下面有一个slideToggling列表。

关键是当我在jQuery加载之前将鼠标悬停在链接上时 - everthing正好相反。当我悬停时菜单消失,当指针在其他地方时显示。所以菜单没用。

这是jQuery代码:

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

})

也许是一些法典,例如“如果导航李徘徊而ul是不可见的,那么再次滑动”?但我不确定如何写它。

非常感谢。

1 个答案:

答案 0 :(得分:2)

在此确定(与初始鼠标位置无关),您必须将.hover()拆分为mouseenter上的.slideDown()mouseleave上的.slideUp() },像这样:

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