Difference between revisions of "Template:Queens Canada/Scripts"
m |
m |
||
| Line 109: | Line 109: | ||
navbarLinks[0].style.height = "100%"; | navbarLinks[0].style.height = "100%"; | ||
var navBtn = document.getElementById("nav-icon"); | var navBtn = document.getElementById("nav-icon"); | ||
| + | var navLinks = document.getElementsByClassName("navbar-links")[0]; | ||
navBtn.setAttribute("onclick", "closeMobileNav()"); | navBtn.setAttribute("onclick", "closeMobileNav()"); | ||
navBtn.classList.toggle("toggle-nav"); | navBtn.classList.toggle("toggle-nav"); | ||
navBtn.title = "Close Nav"; | navBtn.title = "Close Nav"; | ||
| + | navLinks.classList.toggle("openNavLinks"); | ||
} | } | ||
| Line 119: | Line 121: | ||
navbarLinks[0].style.height = 0; | navbarLinks[0].style.height = 0; | ||
var navBtn = document.getElementById("nav-icon"); | var navBtn = document.getElementById("nav-icon"); | ||
| + | var navLinks = document.getElementsByClassName("navbar-links")[0]; | ||
navBtn.setAttribute("onclick", "openMobileNav()"); | navBtn.setAttribute("onclick", "openMobileNav()"); | ||
navBtn.classList.toggle("toggle-nav"); | navBtn.classList.toggle("toggle-nav"); | ||
navBtn.title = "Open Nav"; | navBtn.title = "Open Nav"; | ||
| + | navLinks.classList.toggle("openNavLinks"); | ||
} | } | ||
Revision as of 14:11, 23 August 2020