studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

nav - finish nav expanded dynamic columns

Browse source
This commit is contained in:
isUnknown 2024-08-27 14:28:25 +02:00
parent 049f11e011
commit 220a6f4ada
6 changed files with 49 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

29
assets/js/script.js
View file

@ -1,24 +1,15 @@
import { expandNav, closeNav } from "./functions.js";
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");
const nodes = {
burgerBtn: document.querySelector(".burger-btn"),
closeNavBtn: document.querySelector(".expanded-nav .close-btn"),
expandedNav: document.querySelector(".expanded-nav"),
main: document.querySelector("main"),
};
// Listeners
burgerBtn.addEventListener("click", expandNav);
closeNavBtn.addEventListener("click", closeNav);
nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));
});