Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Navigation js

By: Zeaks on Oct 26th, 2012  |  syntax: JavaScript  |  size: 1.74 KB  |  views: 43  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * navigation.js
  3.  *
  4.  * Handles toggling the navigation menu for small screens.
  5.  */
  6. ( function() {
  7.         var button = document.getElementById( 'site-navigation' ).getElementsByTagName( 'h3' )[0],
  8.             menu   = document.getElementById( 'site-navigation' ).getElementsByTagName( 'ul' )[0];
  9.  
  10.         if ( undefined === button )
  11.                 return false;
  12.  
  13.         // Hide button if menu is missing or empty.
  14.         if ( undefined === menu || ! menu.childNodes.length ) {
  15.                 button.style.display = 'none';
  16.                 return false;
  17.         }
  18.  
  19.         button.onclick = function() {
  20.                 if ( -1 == menu.className.indexOf( 'nav-menu' ) )
  21.                         menu.className = 'nav-menu';
  22.  
  23.                 if ( -1 != button.className.indexOf( 'toggled-on' ) ) {
  24.                         button.className = button.className.replace( ' toggled-on', '' );
  25.                         menu.className = menu.className.replace( ' toggled-on', '' );
  26.                 } else {
  27.                         button.className += ' toggled-on';
  28.                         menu.className += ' toggled-on';
  29.                 }
  30.         };
  31. } )();
  32.  
  33. // Lower Navigation
  34. ( function() {
  35.         var button = document.getElementById( 'lower-navigation' ).getElementsByTagName( 'h3' )[0],
  36.             menu   = document.getElementById( 'lower-navigation' ).getElementsByTagName( 'ul' )[0];
  37.  
  38.         if ( undefined === button )
  39.                 return false;
  40.  
  41.         // Hide button if menu is missing or empty.
  42.         if ( undefined === menu || ! menu.childNodes.length ) {
  43.                 button.style.display = 'none';
  44.                 return false;
  45.         }
  46.  
  47.         button.onclick = function() {
  48.                 if ( -1 == menu.className.indexOf( 'nav-menu' ) )
  49.                         menu.className = 'nav-menu';
  50.  
  51.                 if ( -1 != button.className.indexOf( 'toggled-on' ) ) {
  52.                         button.className = button.className.replace( ' toggled-on', '' );
  53.                         menu.className = menu.className.replace( ' toggled-on', '' );
  54.                 } else {
  55.                         button.className += ' toggled-on';
  56.                         menu.className += ' toggled-on';
  57.                 }
  58.         };
  59. } )();