Wordpress 子菜单 Jquery 不起作用

Question

我正在基于 Wordpress 构建我的网站并添加了一个移动菜单。现在我正在解决单击菜单项时子菜单不折叠的问题。

Wordpress 中子菜单的常规名称是 .sub-menu，当有更多子菜单时，当我单击具有子菜单的菜单项时菜单崩溃，但所有子菜单都崩溃了，而我只想要一个被点击折叠的。

了解 (this) 功能，但无法使其工作。

对我做错了什么有什么建议吗？

我的默认代码使每个子菜单在单击菜单项时可见：

(function($){
jQuery(document).ready(function() {
    jQuery('#mobilenav .menu-item-has-children').click(function(){
         jQuery('#mobilenav .sub-menu').toggleClass('openup1');
    });
});

})(jQuery);

我已经编写但不起作用的代码：

(function($){
jQuery(document).ready(function() {

    jQuery('#mobilenav .menu-item-has-children').click(function(){
            jQuery(this).closest('#mobilenav .sub-menu').toggleClass('openup1');
        });

});

})(jQuery);

Answer 1

jQuery(this).children('.sub-menu').first().toggleClass('openup1');