jquery - Jquery 下拉菜单问题

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 的 li 绑定到事件处理程序。否则，当您将鼠标悬停在#main-nav div 中的每个 li 上时，就会发生切换。

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

然后，如果您想在前两个主要项目下放置子导航，请在下面放一个 ul，然后充满选项。

Answer 2

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

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