4 * Handles toggling the navigation menu for small screens.
7 var nav = document.getElementById( 'site-navigation' ), button, menu;
10 button = nav.getElementsByTagName( 'h3' )[0];
11 menu = nav.getElementsByTagName( 'ul' )[0];
15 // Hide button if menu is missing or empty.
16 if ( ! menu || ! menu.childNodes.length ) {
17 button.style.display = 'none';
21 button.onclick = function() {
22 if ( -1 == menu.className.indexOf( 'nav-menu' ) )
23 menu.className = 'nav-menu';
25 if ( -1 != button.className.indexOf( 'toggled-on' ) ) {
26 button.className = button.className.replace( ' toggled-on', '' );
27 menu.className = menu.className.replace( ' toggled-on', '' );
29 button.className += ' toggled-on';
30 menu.className += ' toggled-on';