Jquery 子菜单项不能滑动

我正在做一个wordpress主题，目前我正在设置菜单，使其响应。因此，我在下面设置了jQuery。问题是，当菜单项向下滑动时，子菜单项不会向下滑动，它们只是在顶级菜单项向下滑动后弹出。如何使子菜单项像顶级项一样向下滑动

---

一个选项是不隐藏子菜单

li

元素，因此您可以从内部菜单项中删除

display:none

。之后，您需要对

li

项目

标题使用直接子选择器。菜单>li

：

jQuery('header .menu .current-menu-item').click(function (e) {
    e.preventDefault();
    if (menu_expanded == false) {
        jQuery('header .menu > li').slideDown();
        menu_expanded = true;
    } else if (menu_expanded == true) {
        jQuery('header .menu > li:not(.current-menu-item)').slideUp();
        menu_expanded = false;
    }
});

演示：

另一个选项是将子菜单项与主项分开，滑下回调：

jQuery('header .menu > li').slideDown(function() {
    $(this).find('ul > li').slideDown();
});

---

演示：

太棒了，第一个是我想要的，但这两个都是我的功劳

jQuery('header .menu > li').slideDown(function() {
    $(this).find('ul > li').slideDown();
});