1/* Scroll past header image on small screens */ 2 3jQuery( document ).ready( function( $ ) { 4 5 var $width = $(window).width(); 6 var $height = $(window).height(); 7 var $masthead = $( '.site-header' ); 8 var $timeout = false; 9 var $sidebarheight = $masthead.height() + 100; 10 11 //Allow sidebar to scroll if the sidebar is too tall for the screen height 12 if ( $sidebarheight > $height ) { 13 $masthead.css( 'position', 'relative' ); 14 } 15 16 //Toggle open $class by clicking $toggle 17 $.fn.navToggle = function() { 18 $( '.main-navigation' ).addClass( 'active' ); 19 20 $( '#menu-toggle' ).unbind( 'click' ).click( function() { 21 22 $( '.widget-area' ).hide().removeClass( 'active' ); 23 $( '.header-search' ).hide().removeClass( 'active' ); 24 25 $( '.main-navigation' ).slideToggle( 'ease' ); 26 $( this ).toggleClass( 'toggled-on' ); 27 } ); 28 }; 29 30 /* desbest edit */ 31 $.fn.docToolsToggle = function() { 32 $( '.document-tools' ).addClass( 'active' ); 33 34 $( '#document-toggle' ).unbind( 'click' ).click( function() { 35 36 $( '.widget-area' ).hide().removeClass( 'active' ); 37 $( '.header-search' ).hide().removeClass( 'active' ); 38 $( '.main-navigation' ).hide().removeClass( 'active' ); 39 40 $( '.document-tools' ).slideToggle( 'ease' ); 41 $( this ).toggleClass( 'toggled-on' ); 42 } ); 43 }; 44 45 $.fn.widgetsToggle = function() { 46 $( '.widget-area' ).addClass( 'active' ); 47 48 $( '#widgets-toggle' ).unbind( 'click' ).click( function() { 49 50 $( '.main-navigation' ).hide().removeClass( 'active' ); 51 $( '.header-search' ).hide().removeClass( 'active' ); 52 53 $( '.widget-area' ).slideToggle( 'ease' ); 54 $( this ).toggleClass( 'toggled-on' ); 55 } ); 56 }; 57 58 $.fn.searchToggle = function() { 59 $( '.header-search' ).addClass( 'active' ); 60 61 $( '#search-toggle' ).unbind( 'click' ).click( function() { 62 63 $( '.main-navigation' ).hide().removeClass( 'active' ); 64 $( '.widget-area' ).hide().removeClass( 'active' ); 65 66 $( '.header-search' ).slideToggle( 'ease' ); 67 $( this ).toggleClass( 'toggled-on' ); 68 } ); 69 }; 70 71 72 // Check viewport width on first load. 73 if ( $width < 820 ) { 74 $.fn.navToggle(); 75 $.fn.docToolsToggle(); /* desbest edit */ 76 $.fn.widgetsToggle(); 77 $.fn.searchToggle(); 78 } 79 80 // Check viewport width when user resizes the browser window. 81 $( window ).on( 'resize', function() { 82 83 $width = $(window).width(); 84 85 if ( false !== $timeout ) { 86 clearTimeout( $timeout ); 87 } 88 89 $timeout = setTimeout( function() { 90 91 //Allow sidebar to scroll if the sidebar is too tall for the screen height 92 if ( $sidebarheight > $height ) { 93 $masthead.css( 'position', 'relative' ); 94 } 95 96 if ( $width < 820 ) { 97 $.fn.navToggle(); 98 $.fn.widgetsToggle(); 99 $.fn.searchToggle(); 100 } else { 101 $( '.main-navigation' ).removeClass( 'active' ); 102 $( '.widget-area' ).removeClass( 'active' ); 103 $( '.header-search' ).removeClass( 'active' ); 104 105 $( '.main-navigation' ).removeAttr( 'style' ); 106 $( '.widget-area' ).removeAttr( 'style' ); 107 $( '.header-search' ).removeAttr( 'style' ); 108 } 109 }, 200 ); 110 } ); 111 112 113}); 114