2023-11-02 02:53:46 +00:00
|
|
|
let button_element = document.querySelector(".btn");
|
2023-11-01 02:00:36 +00:00
|
|
|
let navElement = document.querySelector("#nav_id");
|
|
|
|
let listElements = document.querySelectorAll("#nav_id ul li");
|
|
|
|
|
|
|
|
let isNavVisible = false;
|
|
|
|
|
|
|
|
function toggleNav() {
|
|
|
|
isNavVisible = !isNavVisible;
|
|
|
|
if (isNavVisible) {
|
|
|
|
for (let i = 0; i < listElements.length; i++) {
|
|
|
|
listElements[i].style.marginRight = "2rem";
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
for (let i = 0; i < listElements.length; i++) {
|
|
|
|
listElements[i].style.marginRight = "-20rem";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
button_element.addEventListener('click', toggleNav);
|