You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
/* Popout menus (header) */
|
|
|
|
/* eslint-disable no-jquery/no-fade */
|
|
|
|
$( function () {
|
|
var toggleTime = 200;
|
|
|
|
// Open the various menus
|
|
$( '#user-tools h2' ).on( 'click', function () {
|
|
if ( $( window ).width() < 851 ) {
|
|
$( '#personal-inner, #menus-cover' ).fadeToggle( toggleTime );
|
|
}
|
|
} );
|
|
$( '#site-navigation h2' ).on( 'click', function () {
|
|
if ( $( window ).width() < 851 ) {
|
|
$( '#site-navigation .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
|
|
}
|
|
} );
|
|
$( '#site-tools h2' ).on( 'click', function () {
|
|
if ( $( window ).width() < 851 ) {
|
|
$( '#site-tools .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
|
|
}
|
|
} );
|
|
$( '#ca-more' ).on( 'click', function () {
|
|
$( '#page-tools .sidebar-inner' ).css( 'top', $( '#ca-more' ).offset().top + 25 );
|
|
if ( $( window ).width() < 851 ) {
|
|
$( '#page-tools .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
|
|
}
|
|
} );
|
|
$( '#ca-languages' ).on( 'click', function () {
|
|
$( '#other-languages .sidebar-inner' ).css( 'top', $( '#ca-languages' ).offset().top + 25 );
|
|
if ( $( window ).width() < 851 ) {
|
|
$( '#other-languages .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
|
|
}
|
|
} );
|
|
|
|
// Close menus on click outside
|
|
$( document ).on( 'click touchstart', function ( e ) {
|
|
if ( $( e.target ).closest( '#menus-cover' ).length > 0 ) {
|
|
$( '#personal-inner' ).fadeOut( toggleTime );
|
|
$( '.sidebar-inner' ).fadeOut( toggleTime );
|
|
$( '#menus-cover' ).fadeOut( toggleTime );
|
|
}
|
|
} );
|
|
} );
|