SWAMPy

✎ CARVE FLESH

EDITING: navigation.js

/* global jQuery */

( function( $ ) {

var $navMenu    = false,
	    $menuToggle = false,
	    $submenu    = false;

function toggle() {

$menuToggle.add( $navMenu ).toggleClass( 'open' );

resetSubmenuToggles();

}

function resetSubmenuToggles() {

$navMenu.find( '.menu-item-has-children' ).removeClass( 'open' );

}

function expand( e ) {

e.preventDefault();

var $menuItem = $( this ).parent( '.menu-item-has-children' );

if ( ! $menuItem ) {

return;

}

$menuItem.toggleClass( 'open' );

}

function position() {

var $this = $( this );

$submenu = $this.children( '.sub-menu' ).first();

if ( isOffScreen( $submenu ) || $submenu.parents( '.bump' ).length ) {

$submenu.siblings( 'a' ).andSelf().addClass( 'bump' );

$submenu.css( {
				'left'  : 'auto',
				'right' : ( $this.parents( 'ul' ).length > 1 ) ? $submenu.width() : 0
			} );

}

$this.on( 'mouseleave', function() {

$submenu.removeAttr( 'style' );

} );

}

function tabNavigationMenuIn() {

var subMenuCount = $( this ).parents( 'ul.sub-menu' ).length;

$( this ).parents( 'ul.sub-menu' ).css( 'left', 'auto' );

if ( 1 <= subMenuCount && $( this ).next().next().hasClass( 'sub-menu' ) ) {
			$( this ).next().next().css( 'left', '100%' );
		}

if ( 2 <= subMenuCount ) {
			$( this ).parents( 'ul.sub-menu' ).css( 'left', '100%' );
			$( this ).parents( 'ul.sub-menu' ).last().css( 'left', 'auto' );
		}

}

function tabNavigationMenuOut() {

$( this ).closest( 'ul.sub-menu' ).find( 'ul.sub-menu' ).removeAttr( 'style' );
		$( this ).parents( 'ul.sub-menu' ).removeAttr( 'style' );

}

function isOffScreen( $submenu ) {

var submenuPosition = $submenu.offset().left,
		    submenuWidth    = $submenu.width();

return ( submenuPosition + submenuWidth ) > $( window ).width();

}

$( document ).ready( function() {

$navMenu    = $( '#site-navigation' );
		$menuToggle = $( '#menu-toggle' );

if ( ! $navMenu || ! $menuToggle ) {

return;

}

$menuToggle.on( 'click', toggle );

$navMenu.find( '.menu-item-has-children' ).on( 'hover, focusin', position );

$navMenu.find( '.menu-item > a' ).on( 'keyup', function( e ) {
			if ( 9 !== e.which ) {
				return;
			}
			$menuItem = $navMenu.find( '.menu-item > a' );
			$menuItem.on( 'focusin', tabNavigationMenuIn );
			$menuItem.on( 'focusout', tabNavigationMenuOut );
		} );

$navMenu.find( '.expand' ).on( 'click', expand );

$( document ).on( 'wp-custom-header-video-loaded', function() {

$( '.site-header' ).addClass( 'video-header' );

} );

} )( jQuery );

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 admin/	DIR	—	2019-01-01 09:05
📄 navigation.js	JS	2.5 KB	2018-10-17 07:03	EDIT
📄 navigation.min.js	JS	1.4 KB	2018-10-17 07:03	EDIT
📄 skip-link-focus-fix.js	JS	679 B	2018-10-17 07:03	EDIT
📄 skip-link-focus-fix.min.js	JS	460 B	2018-10-17 07:03	EDIT