Difference between revisions of "Template:Queens Canada/Scripts"

(changing open close nav button)
m
Line 10: Line 10:
 
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 navBtn = document.getElementById("open-close-nav");
  
 
function openNav() {
 
function openNav() {
Line 21: Line 22:
 
     }, 500);     
 
     }, 500);     
 
              
 
              
−
     document.getElementById("open-close-nav").className = "toggle-nav";
+
     navBtn.className = "toggle-nav";
 +
    navBtn.onclick = "closeNav()";
  
 
     //document.getElementById("nav-icon").style.display = "none"; // gets rid of "open nav" button
 
     //document.getElementById("nav-icon").style.display = "none"; // gets rid of "open nav" button
Line 40: Line 42:
 
     }, 500);  
 
     }, 500);  
 
                  
 
                  
−
     document.getElementById("open-close-nav").className = "";
+
     navBtn.className = "";
 +
    navBtn.onclick = "openNav()";
  
 
     //document.getElementById("nav-icon").style.display = "block";
 
     //document.getElementById("nav-icon").style.display = "block";

Revision as of 16:28, 19 June 2020