Wordpress中的jQuery下拉列表

我正在创建一个定制主题的汉堡导航。我很难让汉堡包导航中的子菜单下拉。基本上当你悬停时。菜单项有所有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项的每个.sub-menu类都有子项

如果您的HTML结构接近此示例：，则此代码应该可以：

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





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

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

});

---

因此，使用$（this）关键字（current元素）基本上会有所帮助。

默认主题？最新的？@nevermind这是一个定制的主题。我更新了我的帖子，加入了这个。谢谢！这非常有效。我有一些我正在做的类似的东西。我从没想过.stop（）函数。