12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- let menuOpen = false;
- let hamburger = $(".hamburger");
-
- /*
- * Open navigation menu, change Hamburger icon to selected state
- * and display the back button overlay over the page
- */
-
- function openNav() {
- $.selector_cache('#sidenav').addClass("sidenav-open");
- enableHamburger();
- menuOpen = true;
- }
-
-
- /*
- * Close navigation menu, change Hamburger icon back to default state
- * and hide the back button overlay
- */
- function closeNav() {
- $.selector_cache('#sidenav').removeClass("sidenav-open");
- disableHamburger();
- menuOpen = false;
- }
-
-
- /*
- * Toggle the navigation bar
- */
- function toggleNav() {
- if (menuOpen) {
- closeNav();
- } else {
- openNav();
- }
- }
-
- function disableHamburger() {
- $.selector_cache('.hamburger').removeClass("change");
- }
-
- function enableHamburger() {
- $.selector_cache('.hamburger').addClass("change");
- }
-
- // Animate hamburger on hover
- $.selector_cache('.hamburger').hover(function(){
- $.selector_cache('.bar1').css("background-color", "#e62b1e");
- $.selector_cache('.bar2-1').css("background-color", "#e62b1e");
- $.selector_cache('.bar2-2').css("background-color", "#e62b1e");
- $.selector_cache('.bar2-1').css("left", "-5px");
- $.selector_cache('.bar2-2').css("right", "-5px");
- $.selector_cache('.bar3').css("background-color", "#e62b1e");
- }, function(){
- $.selector_cache('.bar1').css("background-color", "#404040");
- $.selector_cache('.bar2-1').css("background-color", "#404040");
- $.selector_cache('.bar2-2').css("background-color", "#404040");
- $.selector_cache('.bar2-1').css("left", "0");
- $.selector_cache('.bar2-2').css("right", "0");
- $.selector_cache('.bar3').css("background-color", "#404040");
- });
|