// Side Navigation let body = document.querySelector("body"); let sideNavigationToggle = document.querySelector(".side-navigation-toggle"); let sideNavigation = document.querySelector(".side-navigation"); const offClick = () => { sideNavigation.classList.toggle("scale-in"); sideNavigationToggle.setAttribute("aria-expanded", false); document.removeEventListener("click", offClick); } const toggleSideNav = (e) => { e.stopPropagation(); sideNavigation.classList.toggle("scale-in"); if(sideNavigation.classList.contains("scale-in")) { document.addEventListener("click", offClick) } var menuOpen = !sideNavigation.classList.contains("scale-in"); sideNavigationToggle.setAttribute("aria-expanded", !menuOpen); } sideNavigationToggle.addEventListener("click", toggleSideNav); var enterKeyCode = 13; var spaceKeyCode = 32; sideNavigationToggle.addEventListener("keyup", function(event) { if(event.keyCode == enterKeyCode || event.keyCode == spaceKeyCode) { toggleSideNav(); } });