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');