单击其他菜单时,Divi主题/关闭子菜单

时间:2018-07-25 11:14:03

标签: menu parent expand

我可以使用一些帮助来找出如何进行这项工作。 可以说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;
} );

0 个答案:

没有答案