切換自動關閉

Question

我有以下 js 代碼：此代碼用於常見問題切換頁面。

它基本上與每個工具代碼一樣工作，但我想在單擊其他問題時添加自動關閉功能。

隱藏上一個問題內容，​​然后顯示下一個。 有任何想法嗎？

if ( 'function' !== typeof(window[ 'vc_toggleBehaviour' ] ) ) {
window.vc_toggleBehaviour = function ( $el ) {
    function event( e ) {
        e && e.preventDefault && e.preventDefault();
        var title = jQuery( this );
        var element = title.closest( '.vc_toggle' );
        var content = element.find( '.vc_toggle_content' );
        if ( element.hasClass( 'vc_toggle_active' ) ) {
            content.slideUp( {
                duration: 300,
                complete: function () {
                    element.removeClass( 'vc_toggle_active' );
                }
            } );
        } else {
            content.slideDown( {
                duration: 300,
                complete: function () {
                    element.addClass( 'vc_toggle_active' );
                }
            } );
        }
    }

    if ( $el ) {
        if ( $el.hasClass( 'vc_toggle_title' ) ) {
            $el.unbind( 'click' ).click( event );
        } else {
            $el.find( ".vc_toggle_title" ).unbind( 'click' ).click( event );
        }
    } else {
        jQuery( ".vc_toggle_title" ).unbind( 'click' ).on( 'click', event );
    }
}
}

Answer 1

每當單擊任何問題時，如果您要隱藏所有活動的問題，您就不必擔心當前哪個（如果有）處於活動狀態。

（問題點擊）：

$('.vc_toggle_active').each(function(){
    $(this)slideUp( {
        duration: 300,
        complete: function () {
            $(this).removeClass( 'vc_toggle_active' );
        }
    });
});

在向上滑動任何當前活動的問題后，繼續並顯示點擊的問題。

注意。 代碼未經測試，因為您沒有小提琴也沒有 html。 希望你明白這個概念。