jQuery(document).ready(function($) { /*------------------------------------------------ DECLARATIONS ------------------------------------------------*/ var primary_menu_toggle = $('#masthead .menu-toggle'); var dropdown_toggle = $('button.dropdown-toggle'); var primary_nav_menu = $('#masthead .main-navigation'); /*------------------------------------------------ MAIN NAVIGATION ------------------------------------------------*/ primary_menu_toggle.click(function(){ primary_nav_menu.slideToggle(); $(this).toggleClass('active'); $('.menu-overlay').toggleClass('active'); $('#masthead .main-navigation').toggleClass('menu-open'); }); dropdown_toggle.click(function() { $(this).toggleClass('active'); $(this).parent().find('.sub-menu').first().slideToggle(); }); $(window).scroll(function() { if ($(this).scrollTop() > 210) { $('#masthead').addClass('nav-shrink'); } else { $('#masthead').removeClass('nav-shrink'); } }); $('.main-navigation ul li.search-menu a').click(function(e) { e.preventDefault(); $(this).toggleClass('search-active'); $('.main-navigation #search').fadeToggle(); $('.main-navigation .search-field').focus(); }); $(document).click(function (e) { var container = $("#masthead, #top-navigation"); if (!container.is(e.target) && container.has(e.target).length === 0) { primary_nav_menu.slideUp(); $(this).removeClass('active'); $('.menu-overlay').removeClass('active'); $('#masthead .main-navigation').removeClass('menu-open'); $('.menu-toggle').removeClass('active'); } }); /*-------------------------------------------------------------- Keyboard Navigation ----------------------------------------------------------------*/ if( $(window).width() < 1024 ) { $('#primary-menu').find("li").last().bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); $('#primary-menu > li:last-child button:not(.active)').bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); $('#search').find("button").unbind('keydown'); } else { $('#primary-menu').find("li").unbind('keydown'); $('#search').find("button").bind( 'keydown', function(e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( tabKey ) { e.preventDefault(); $('#search').hide(); $('.search-menu > a').removeClass('search-active').focus(); } if( shiftKey && tabKey ) { e.preventDefault(); $('#search').show(); $('.main-navigation .search-field').focus(); $('.search-menu > a').addClass('search-active'); } }); $('.search-menu > a').on('keydown', function (e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( $('.search-menu > a').hasClass('search-active') ) { if ( shiftKey && tabKey ) { e.preventDefault(); $('#search').hide(); $('.search-menu > a').removeClass('search-active').focus(); } } }); } $(window).resize(function() { if( $(window).width() < 1024 ) { $('#primary-menu').find("li").last().bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); $('#primary-menu > li:last-child button:not(.active)').bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); $('#search').find("button").unbind('keydown'); } else { $('#primary-menu').find("li").unbind('keydown'); $('#search').find("button").bind( 'keydown', function(e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( tabKey ) { e.preventDefault(); $('#search').hide(); $('.search-menu > a').removeClass('search-active').focus(); } if( shiftKey && tabKey ) { e.preventDefault(); $('#search').show(); $('.main-navigation .search-field').focus(); $('.search-menu > a').addClass('search-active'); } }); $('.search-menu > a').on('keydown', function (e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( $('.search-menu > a').hasClass('search-active') ) { if ( shiftKey && tabKey ) { e.preventDefault(); $('#search').hide(); $('.search-menu > a').removeClass('search-active').focus(); } } }); } }); primary_menu_toggle.on('keydown', function (e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( primary_menu_toggle.hasClass('active') ) { if ( shiftKey && tabKey ) { e.preventDefault(); primary_nav_menu.slideUp(); $('.main-navigation').removeClass('menu-open'); $('.menu-overlay').removeClass('active'); primary_menu_toggle.removeClass('active'); }; } }); });