Question

我正在尝试使用Jquery动画我的wordpress子菜单。

以下是我试图模仿的内容：http://money.co.uk

这是我到目前为止所拥有的：

    $("#main-nav li").hover(function () {
    $(this).children('.sub-menu').slideToggle("fast");
  });

http://jsfiddle.net/bNeDh/

这似乎与我想要的相反，我希望孩子们在用户鼠标移过父级时向下滑动。我的jquery一点都不好，任何人都可以提供答案吗？

Answer 1

对于初学者来说，如果你想要切换孩子，你应该用选择器指定。你想让第一个ul只被绑定到事件处理程序。否则，当您将鼠标悬停在＃main-nav div中的每个li上时，就会发生切换。

$("#menu-top-navigation ul > li").hover(function () {
    $'.sub-menu').slideToggle("fast");
});

然后，如果你想在前两个主要项目下使用subnavs，那么在一个ul下填充选项。

Answer 2

我已经修改了你的CSS ...
如果你发现这个（或任何）有用的答案有用，请点击复选标记。你可能想要这样的东西：
的 Fiddle Here

$("#main-nav li").hover(function () {
$(this).children('.sub-menu').slideDown("fast");
},function(){
$(this).children('.sub-menu').slideUp('fast');
});

Jquery下滑菜单问题

2 个答案: