1/** 2 * File navigation.js. 3 * 4 * Handles toggling the navigation menu for small screens and enables TAB key 5 * navigation support for dropdown menus. 6 */ 7( function() { 8 var container, button, menu, links, i, len; 9 10 container = document.getElementById( 'site-navigation' ); 11 if ( ! container ) { 12 return; 13 } 14 15 button = container.getElementsByTagName( 'button' )[0]; 16 if ( 'undefined' === typeof button ) { 17 return; 18 } 19 20 menu = container.getElementsByTagName( 'ul' )[0]; 21 22 // Hide menu toggle button if menu is empty and return early. 23 if ( 'undefined' === typeof menu ) { 24 button.style.display = 'none'; 25 return; 26 } 27 28 menu.setAttribute( 'aria-expanded', 'false' ); 29 if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { 30 menu.className += ' nav-menu'; 31 } 32 33 button.onclick = function() { 34 if ( -1 !== container.className.indexOf( 'toggled' ) ) { 35 container.className = container.className.replace( ' toggled', '' ); 36 button.setAttribute( 'aria-expanded', 'false' ); 37 menu.setAttribute( 'aria-expanded', 'false' ); 38 } else { 39 container.className += ' toggled'; 40 button.setAttribute( 'aria-expanded', 'true' ); 41 menu.setAttribute( 'aria-expanded', 'true' ); 42 } 43 }; 44 45 // Get all the link elements within the menu. 46 links = menu.getElementsByTagName( 'a' ); 47 48 // Each time a menu link is focused or blurred, toggle focus. 49 for ( i = 0, len = links.length; i < len; i++ ) { 50 links[i].addEventListener( 'focus', toggleFocus, true ); 51 links[i].addEventListener( 'blur', toggleFocus, true ); 52 } 53 54 /** 55 * Sets or removes .focus class on an element. 56 */ 57 function toggleFocus() { 58 var self = this; 59 60 // Move up through the ancestors of the current link until we hit .nav-menu. 61 while ( -1 === self.className.indexOf( 'nav-menu' ) ) { 62 63 // On li elements toggle the class .focus. 64 if ( 'li' === self.tagName.toLowerCase() ) { 65 if ( -1 !== self.className.indexOf( 'focus' ) ) { 66 self.className = self.className.replace( ' focus', '' ); 67 } else { 68 self.className += ' focus'; 69 } 70 } 71 72 self = self.parentElement; 73 } 74 } 75 76 $(".nav-tabs a").click(function(){ 77 $(this).tab('show'); 78 }); 79 80 $( "a[rel|='colorbox']").colorbox(); 81 82 $(".img-gallery").colorbox({ 83 rel:'group1' 84 }); 85 86 /** 87 * Toggles `focus` class to allow submenu access on tablets. 88 */ 89 ( function( container ) { 90 var touchStartFn, i, 91 parentLink = container.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' ); 92 93 if ( 'ontouchstart' in window ) { 94 touchStartFn = function( e ) { 95 var menuItem = this.parentNode, i; 96 97 if ( ! menuItem.classList.contains( 'focus' ) ) { 98 e.preventDefault(); 99 for ( i = 0; i < menuItem.parentNode.children.length; ++i ) { 100 if ( menuItem === menuItem.parentNode.children[i] ) { 101 continue; 102 } 103 menuItem.parentNode.children[i].classList.remove( 'focus' ); 104 } 105 menuItem.classList.add( 'focus' ); 106 } else { 107 menuItem.classList.remove( 'focus' ); 108 } 109 }; 110 111 for ( i = 0; i < parentLink.length; ++i ) { 112 parentLink[i].addEventListener( 'touchstart', touchStartFn, false ); 113 } 114 } 115 }( container ) ); 116} )(); 117
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.