jQuery(document).ready(function($) { var top_menu_toggle = $('#top-bar .top-menu-toggle'); var top_nav_menu = $('#top-bar .hentry'); top_menu_toggle.click(function(){ top_nav_menu .slideToggle(); $(this).toggleClass('active'); $('#top-bar .hentry').toggleClass('menu-open'); }); $('#social-navigation ul li.search-menu a').click(function(event) { event.preventDefault(); $(this).toggleClass('search-active'); $('#social-navigation #search').fadeToggle(); $('#social-navigation .search-field').focus(); }); /*-------------------------------------------------------------- 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(); } }); $('#top-bar .hentry').find("li").last().bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#top-bar').find('.top-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(); } }); $('#top-bar .hentry > li:last-child button:not(.active)').bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#top-bar').find('.top-menu-toggle').focus(); } }); $('#search').find("button").unbind('keydown'); } else { $('#primary-menu').find("li").unbind('keydown'); $('#top-bar .hentry').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(); } }); $('#top-bar .hentry').find("li").last().bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#top-bar').find('.top-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(); } }); $('#top-bar .hentry > li:last-child button:not(.active)').bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#top-bar').find('.top-menu-toggle').focus(); } }); $('#search').find("button").unbind('keydown'); } else { $('#primary-menu').find("li").unbind('keydown'); $('#top-bar .hentry').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(); } } }); } }); top_menu_toggle.on('keydown', function (e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( top_menu_toggle.hasClass('active') ) { if ( shiftKey && tabKey ) { e.preventDefault(); top_nav_menu.slideUp(); $('.hentry').removeClass('menu-open'); top_menu_toggle.removeClass('active'); }; } }); /*------------------------------------------------ END JQUERY ------------------------------------------------*/ });