wp/wp-admin/js/accordion.js
author ymh <ymh.work@gmail.com>
Wed, 06 Nov 2013 03:21:17 +0000
changeset 0 d970ebf37754
child 5 5e2f62d02dcd
permissions -rw-r--r--
first import
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
( function( $ ){
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
	$( document ).ready( function () {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
		// Expand/Collapse on click
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
		$( '.accordion-container' ).on( 'click keydown', '.accordion-section-title', function( e ) {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
			if ( e.type === 'keydown' && 13 !== e.which ) // "return" key
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
					return;
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
			e.preventDefault(); // Keep this AFTER the key filter above
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
			accordionSwitch( $( this ) );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
		});
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
		// Re-initialize accordion when screen options are toggled
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
		$( '.hide-postbox-tog' ).click( function () {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
			accordionInit();
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
		});
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
	});
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
	var accordionOptions = $( '.accordion-container li.accordion-section' ),
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
		sectionContent   = $( '.accordion-section-content' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
	function accordionInit () {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
		// Rounded corners
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
		accordionOptions.removeClass( 'top bottom' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
		accordionOptions.filter( ':visible' ).first().addClass( 'top' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
		accordionOptions.filter( ':visible' ).last().addClass( 'bottom' ).find( sectionContent ).addClass( 'bottom' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
	}
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
	function accordionSwitch ( el ) {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
		var section = el.closest( '.accordion-section' ),
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
			siblings = section.closest( '.accordion-container' ).find( '.open' ),
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
			content = section.find( sectionContent );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
		if ( section.hasClass( 'cannot-expand' ) )
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
			return;
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
		if ( section.hasClass( 'open' ) ) {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
			section.toggleClass( 'open' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
			content.toggle( true ).slideToggle( 150 );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
		} else {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
			siblings.removeClass( 'open' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
			siblings.find( sectionContent ).show().slideUp( 150 );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
			content.toggle( false ).slideToggle( 150 );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    46
			section.toggleClass( 'open' );
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
		}
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    49
		accordionInit();
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    50
	}
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
	// Initialize the accordion (currently just corner fixes)
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
	accordionInit();
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
})(jQuery);