我可以使用一些帮助来找出如何进行这项工作。 可以说menu-item-176被展开,然后我单击menu-item-117,menu-item-176将如何关闭?
<ul id="mobile_menu_slide" class="et_mobile_menu">
<li id="menu-item-176"><a href="#"></a>
<ul class="sub-menu et_pb_slide_dropdown_opened">
<li id="menu-item-182"><a href="#"></a></li>
<li id="menu-item-183"><a href="#"></a></li>
<li id="menu-item-184"><a href="#"></a></li>
</ul>
</li>
<li id="menu-item-177"><a href="#"></a>
<ul class="sub-menu">
<li id="menu-item-185"><a href="#"></a></li>
<li id="menu-item-186"><a href="#"></a></li>
<li id="menu-item-187"><a href="#"></a></li>
</ul>
</li>
</ul>
这应该是主题的js部分:
$( '.et_pb_fullscreen_nav_container' ).on( 'click', 'li.menu-item-has-children > a', function() {
var $this_parent = $( this ).closest( 'li' ),
$this_arrow = $this_parent.find( '>a .et_mobile_menu_arrow' ),
$closest_submenu = $this_parent.find( '>ul' ),
is_opened_submenu = $this_arrow.hasClass( 'et_pb_submenu_opened' ),
sub_menu_max_height;
$this_arrow.toggleClass( 'et_pb_submenu_opened' );
if ( is_opened_submenu ) {
$closest_submenu.removeClass( 'et_pb_slide_dropdown_opened' );
$closest_submenu.slideToggle( 700, 'easeInOutCubic' );
} else {
$closest_submenu.slideToggle( 700, 'easeInOutCubic' );
$closest_submenu.addClass( 'et_pb_slide_dropdown_opened' );
}
return false;
} );