Edit File by line

/**

[0] Fix | Delete

* Accordion-folding functionality.

[1] Fix | Delete

[2] Fix | Delete

* Markup with the appropriate classes will be automatically hidden,

[3] Fix | Delete

* with one section opening at a time when its title is clicked.

[4] Fix | Delete

* Use the following markup structure for accordion behavior:

[5] Fix | Delete

[6] Fix | Delete

* <div class="accordion-container">

[7] Fix | Delete

* <div class="accordion-section open">

[8] Fix | Delete

* <h3 class="accordion-section-title"></h3>

[9] Fix | Delete

* <div class="accordion-section-content">

[10] Fix | Delete

* </div>

[11] Fix | Delete

* </div>

[12] Fix | Delete

* <div class="accordion-section">

[13] Fix | Delete

* <h3 class="accordion-section-title"></h3>

[14] Fix | Delete

* <div class="accordion-section-content">

[15] Fix | Delete

* </div>

[16] Fix | Delete

* </div>

[17] Fix | Delete

* <div class="accordion-section">

[18] Fix | Delete

* <h3 class="accordion-section-title"></h3>

[19] Fix | Delete

* <div class="accordion-section-content">

[20] Fix | Delete

* </div>

[21] Fix | Delete

* </div>

[22] Fix | Delete

* </div>

[23] Fix | Delete

[24] Fix | Delete

* Note that any appropriate tags may be used, as long as the above classes are present.

[25] Fix | Delete

[26] Fix | Delete

* @since 3.6.0

[27] Fix | Delete

* @output wp-admin/js/accordion.js

[28] Fix | Delete

[29] Fix | Delete

[30] Fix | Delete

( function( $ ){

[31] Fix | Delete

[32] Fix | Delete

$( function () {

[33] Fix | Delete

[34] Fix | Delete

// Expand/Collapse accordion sections on click.

[35] Fix | Delete

$( '.accordion-container' ).on( 'click keydown', '.accordion-section-title', function( e ) {

[36] Fix | Delete

if ( e.type === 'keydown' && 13 !== e.which ) { // "Return" key.

[37] Fix | Delete

return;

[38] Fix | Delete

}

[39] Fix | Delete

[40] Fix | Delete

e.preventDefault(); // Keep this AFTER the key filter above.

[41] Fix | Delete

[42] Fix | Delete

accordionSwitch( $( this ) );

[43] Fix | Delete

});

[44] Fix | Delete

[45] Fix | Delete

});

[46] Fix | Delete

[47] Fix | Delete

/**

[48] Fix | Delete

* Close the current accordion section and open a new one.

[49] Fix | Delete

[50] Fix | Delete

* @param {Object} el Title element of the accordion section to toggle.

[51] Fix | Delete

* @since 3.6.0

[52] Fix | Delete

[53] Fix | Delete

function accordionSwitch ( el ) {

[54] Fix | Delete

var section = el.closest( '.accordion-section' ),

[55] Fix | Delete

sectionToggleControl = section.find( '[aria-expanded]' ).first(),

[56] Fix | Delete

container = section.closest( '.accordion-container' ),

[57] Fix | Delete

siblings = container.find( '.open' ),

[58] Fix | Delete

siblingsToggleControl = siblings.find( '[aria-expanded]' ).first(),

[59] Fix | Delete

content = section.find( '.accordion-section-content' );

[60] Fix | Delete

[61] Fix | Delete

// This section has no content and cannot be expanded.

[62] Fix | Delete

if ( section.hasClass( 'cannot-expand' ) ) {

[63] Fix | Delete

return;

[64] Fix | Delete

}

[65] Fix | Delete

[66] Fix | Delete

// Add a class to the container to let us know something is happening inside.

[67] Fix | Delete

// This helps in cases such as hiding a scrollbar while animations are executing.

[68] Fix | Delete

container.addClass( 'opening' );

[69] Fix | Delete

[70] Fix | Delete

if ( section.hasClass( 'open' ) ) {

[71] Fix | Delete

section.toggleClass( 'open' );

[72] Fix | Delete

content.toggle( true ).slideToggle( 150 );

[73] Fix | Delete

} else {

[74] Fix | Delete

siblingsToggleControl.attr( 'aria-expanded', 'false' );

[75] Fix | Delete

siblings.removeClass( 'open' );

[76] Fix | Delete

siblings.find( '.accordion-section-content' ).show().slideUp( 150 );

[77] Fix | Delete

content.toggle( false ).slideToggle( 150 );

[78] Fix | Delete

section.toggleClass( 'open' );

[79] Fix | Delete

}

[80] Fix | Delete

[81] Fix | Delete

// We have to wait for the animations to finish.

[82] Fix | Delete

setTimeout(function(){

[83] Fix | Delete

container.removeClass( 'opening' );

[84] Fix | Delete

}, 150);

[85] Fix | Delete

[86] Fix | Delete

// If there's an element with an aria-expanded attribute, assume it's a toggle control and toggle the aria-expanded value.

[87] Fix | Delete

if ( sectionToggleControl ) {

[88] Fix | Delete

sectionToggleControl.attr( 'aria-expanded', String( sectionToggleControl.attr( 'aria-expanded' ) === 'false' ) );

[89] Fix | Delete

}

[90] Fix | Delete

}

[91] Fix | Delete

[92] Fix | Delete

})(jQuery);

[93] Fix | Delete

[94] Fix | Delete