在toggleClass中滑动toggle

Slide toggle in toggleClass

本文关键字：toggle toggleClass      更新时间：2024-04-23

我正试图用滑动切换来滑动切换我的2013移动菜单，它只向下滑动，但很快就回来了（没有滑动）。我注入了其他代码使它滑动，但它有缺陷。这是的原始代码

/**
 * Enables menu toggle for small screens.
 */
( function() {
    if ( ! nav || ! button ) {
        return;
    }
    // Hide button if menu is missing or empty.
    if ( ! menu || ! menu.children().length ) {
        button.hide();
        return;
    }
    button.on( 'click.twentythirteen', function() {
        nav.toggleClass( 'toggled-on' );
        if ( nav.hasClass( 'toggled-on' ) ) {
            $( this ).attr( 'aria-expanded', 'true' );
            menu.attr( 'aria-expanded', 'true' );
        } else {
            $( this ).attr( 'aria-expanded', 'false' );
            menu.attr( 'aria-expanded', 'false' );
        }
    } );

这是我添加的

jQuery(document).ready(function () {
jQuery("button").on("click", function () {
    jQuery( ".menu-primary-nav-container" ).slideToggle( "slow" );
});
});

模板链接：https://twentythirteendemo.wordpress.com/

该模板已经为单击事件分配了脚本，它在菜单列表上切换类toggled-on（这就是您看不到滑动的原因）。你需要做的是以这种方式禁用新类：

.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
    display: none; /* It was block */
}
相关文章：