const showMenu = (toggleId, navbarId, bodyId) => {
    const toggle = document.getElementById(toggleId),
        navbar = document.getElementById(navbarId),
        bodyPadding = document.getElementById(bodyId);

    if (toggle && navbar) {
        toggle.addEventListener("click", () => {
            navbar.classList.toggle("expander");
            bodyPadding.classList.toggle("body-pd");
        });
    }
};

showMenu("nav-toggle", "navbar", "body-pd");

const linkColor = document.querySelectorAll(".nav__link");
const colorLink = () => {
    linkColor.forEach((lk) => lk.classList.remove("active"));
    this.classList.add("active");
};

linkColor.forEach((l) => l.addEventListener("click", colorLink));

const linkCollapse = document.getElementsByClassName("collapse__link");
Array.from(linkCollapse).forEach((lc) => {
    lc.addEventListener("click", () => {
        const collapseMenu = lc.nextElementSibling;
        collapseMenu.classList.toggle("showCollapse");
		
		const rotate = collapseMenu.previousElementSibling;
		rotate.classList.toggle("rotate");
    });
});