24 lines
752 B
JavaScript
24 lines
752 B
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
// Functions
|
|
function expandNav() {
|
|
expandedNav.classList.add("open");
|
|
|
|
burgerBtn.setAttribute("aria-expanded", true);
|
|
closeNavBtn.setAttribute("aria-expanded", true);
|
|
}
|
|
function closeNav() {
|
|
expandedNav.classList.remove("open");
|
|
|
|
burgerBtn.setAttribute("aria-expanded", false);
|
|
closeNavBtn.setAttribute("aria-expanded", false);
|
|
}
|
|
|
|
// Variables
|
|
const burgerBtn = document.querySelector(".burger-btn");
|
|
const closeNavBtn = document.querySelector(".expanded-nav .close-btn");
|
|
const expandedNav = document.querySelector(".expanded-nav");
|
|
|
|
// Listeners
|
|
burgerBtn.addEventListener("click", expandNav);
|
|
closeNavBtn.addEventListener("click", closeNav);
|
|
});
|