点击时折叠手风琴

时间:2014-05-14 20:37:32

标签: javascript jquery accordion collapsable

我正在使用包含手风琴的worpdress主题。我需要能够在点击时关闭手风琴。以下是主题中包含的accordion.js文件的代码。你能给些建议么?

( function( $ ){

$( document ).ready( function () {

        // Expand/Collapse on click
        $( '.accordion-container' ).on( 'click keydown', '.accordion-section-title', function( e ) {
            if ( e.type === 'keydown' && 13 !== e.which ) // "return" key
                    return;
            e.preventDefault(); // Keep this AFTER the key filter above

            accordionSwitch( $( this ) );
        });

        // Re-initialize accordion when screen options are toggled
        $( '.hide-postbox-tog' ).click( function () {
            accordionInit();
        });

    });

    var accordionOptions = $( '.accordion-container li.accordion-section' ),
        sectionContent   = $( '.accordion-section-content' );

    function accordionInit () {
        // Rounded corners
        accordionOptions.removeClass( 'top bottom' );
        accordionOptions.filter( ':visible' ).first().addClass( 'top' );
        accordionOptions.filter( ':visible' ).last().addClass( 'bottom' ).find( sectionContent ).addClass( 'bottom' );
    }

    function accordionSwitch ( el ) {
        var section = el.closest( '.accordion-section' ),
            siblings = section.closest( '.accordion-container' ).find( '.open' ),
            content = section.find( sectionContent );

        if ( section.hasClass( 'cannot-expand' ) )
            return;

        if ( section.hasClass( 'open' ) ) {
            section.toggleClass( 'open' );
            content.toggle( true ).slideToggle( 150 );
        } else {
            siblings.removeClass( 'open' );
            siblings.find( sectionContent ).show().slideUp( 150 );
            content.toggle( false ).slideToggle( 150 );
            section.toggleClass( 'open' );
        }

        accordionInit();
    }

    // Initialize the accordion (currently just corner fixes)
    accordionInit();

})(jQuery);

0 个答案:

没有答案