84 lines
2.2 KiB
JavaScript
84 lines
2.2 KiB
JavaScript
( function( $ ) {
|
|
|
|
$( window ).load( function() {
|
|
|
|
var widgets_area = $( '.widgets-area' );
|
|
|
|
$( '#secondary' ).on( 'click', '.widgets-trigger', function( event ) {
|
|
event.preventDefault();
|
|
$( this ).toggleClass( 'active' );
|
|
|
|
// Remove mejs players from sidebar
|
|
$( '#secondary .mejs-container' ).each( function( i, el ) {
|
|
if ( mejs.players[ el.id ] ) {
|
|
mejs.players[ el.id ].remove();
|
|
}
|
|
} );
|
|
|
|
if( $( this ).hasClass( 'active' ) ) {
|
|
$( '.widgets-wrapper' ).slideDown( 250 );
|
|
// Trigger resize to make sure widgets fit prefectly.
|
|
$( this ).trigger( 'resize' );
|
|
// Masonry blocks
|
|
widgets_area.imagesLoaded( function() {
|
|
if ( $( 'body' ).hasClass( 'rtl' ) ) {
|
|
widgets_area.masonry( {
|
|
columnWidth: 1,
|
|
itemSelector: '.widget',
|
|
transitionDuration: 0,
|
|
isOriginLeft: false
|
|
} );
|
|
} else {
|
|
widgets_area.masonry( {
|
|
columnWidth: 1,
|
|
itemSelector: '.widget',
|
|
transitionDuration: 0
|
|
} );
|
|
}
|
|
// Show the widgets
|
|
widgets_area.children( '.widget' ).animate( {
|
|
'opacity' : 1
|
|
}, 250 );
|
|
} );
|
|
|
|
// Re-initialize mediaelement players.
|
|
setTimeout( function() {
|
|
if ( window.wp && window.wp.mediaelement ) {
|
|
window.wp.mediaelement.initialize();
|
|
}
|
|
} );
|
|
|
|
// Trigger resize event to display VideoPress player.
|
|
setTimeout( function(){
|
|
if ( typeof( Event ) === 'function' ) {
|
|
window.dispatchEvent( new Event( 'resize' ) );
|
|
} else {
|
|
var event = window.document.createEvent( 'UIEvents' );
|
|
event.initUIEvent( 'resize', true, false, window, 0 );
|
|
window.dispatchEvent( event );
|
|
}
|
|
} );
|
|
} else {
|
|
$( '.widgets-wrapper' ).slideUp( 250 );
|
|
// Make sure the widgets are hidden
|
|
widgets_area.children( '.widget' ).animate( {
|
|
'opacity' : 0
|
|
}, 250 );
|
|
}
|
|
} );
|
|
$( '#secondary' ).on( 'mouseenter mouseleave', '.widgets-trigger', function() {
|
|
$( '#secondary' ).toggleClass( 'hover' );
|
|
} );
|
|
|
|
$( window ).resize( function () {
|
|
|
|
// Force layout correction after 1500 milliseconds
|
|
setTimeout( function () {
|
|
widgets_area.masonry();
|
|
}, 1500 );
|
|
|
|
} );
|
|
|
|
} );
|
|
|
|
} )( jQuery );
|