Difference between revisions of "Team:Imperial College/Templates/NavBar"

Line 27: Line 27:
 
         });
 
         });
 
     }
 
     }
−
(function($) { // Begin jQuery
 
−
    $(function() { // DOM ready
 
−
    // If a link has a dropdown, add sub menu toggle.
 
−
      $('nav ul li a:not(:only-child)').click(function(e) {
 
−
        $(this).siblings('.nav-dropdown').toggle();
 
−
        // Close one dropdown when selecting another
 
−
        $('.nav-dropdown').not($(this).siblings()).hide();
 
−
        e.stopPropagation();
 
−
      });
 
−
      // Clicking away from dropdown will remove the dropdown class
 
−
      $('html').click(function() {
 
−
        $('.nav-dropdown').hide();
 
−
      });
 
−
      // Toggle open and close nav styles on click
 
−
      $('#nav-toggle').click(function() {
 
−
        $('nav ul').slideToggle();
 
−
      });
 
−
      // Hamburger to X toggle
 
−
      $('#nav-toggle').on('click', function() {
 
−
        this.classList.toggle('active');
 
−
      });
 
−
    }); // end DOM ready
 
−
  })(jQuery); // end jQuery
 
  
 
</script>
 
</script>

Revision as of 13:09, 14 October 2018