Wordpress 中的 jQuery 下拉菜单

Question

我正在定制主题上创建一个汉堡导航。我无法让汉堡导航中的子菜单下拉。基本上，当您将 .menu-item-has-children 悬停时，所有具有 .sub-menu 类的 ul 类都会立即向下滑动。

这是我目前的代码

$('.sub-menu').hide();

$(function (){
    var $hoverItem = $('.menu-item-has-children');
    var $submenu = $('.menu-item-has-children').first();

    $hoverItem.hover(
    function(){
        $submenu.slideDown(300);
    },
    function(){
        $submenu.slideUp(300);
    }
    ); });

我想要完成的是，当只有一个列表项悬停时，只显示 direct.sub-menu 类，而不是每个 .menu-item-has-children 的每个 .sub-menu 类

Answer 1

如果你的 HTML 结构接近这个例子：http://jsfiddle.net/4mT2W/3/，这个代码应该没问题：

$('.sub-menu').hide();





   $('.menu-item-has-children').hover(function() {

$(this).children('.sub-menu').stop().slideToggle(300);

});

所以，基本上，使用 $(this) 关键字（当前元素）应该会有所帮助。