m |
m |
||
Line 11: | Line 11: | ||
var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | ||
var foodItems = document.getElementsByClassName("food-item-inner"); | var foodItems = document.getElementsByClassName("food-item-inner"); | ||
− | |||
var team = document.getElementsByClassName("overlay"); | var team = document.getElementsByClassName("overlay"); | ||
var navbarLinks = document.getElementsByClassName("navbar-links"); | var navbarLinks = document.getElementsByClassName("navbar-links"); | ||
Line 24: | Line 23: | ||
− | + | $(document).ready(function(){ | |
− | + | $('#nav-icon').click(function(){ | |
− | + | $(this).toggleClass('open'); | |
− | + | }); | |
− | + | }); | |
// old | // old | ||
function openNav() { | function openNav() { | ||
Line 87: | Line 86: | ||
function openMobileNav() { | function openMobileNav() { | ||
navbarLinks[0].style.height = "100%"; | navbarLinks[0].style.height = "100%"; | ||
+ | var navBtn = document.getElementById("nav-icon"); | ||
navBtn.setAttribute("onclick", "closeMobileNav"); | navBtn.setAttribute("onclick", "closeMobileNav"); | ||
} | } | ||
Line 92: | Line 92: | ||
function closeMobileNav() { | function closeMobileNav() { | ||
navbarLinks[0].style.height = 0; | navbarLinks[0].style.height = 0; | ||
+ | var navBtn = document.getElementById("nav-icon"); | ||
navBtn.setAttribute("onclick", "openMobileNav"); | navBtn.setAttribute("onclick", "openMobileNav"); | ||
} | } |
Revision as of 22:23, 19 July 2020