{
    const burgerIcon = document.getElementById("burger-icon");
    const navLinks = document.getElementById("nav-links");
    let timeOutId;

    const clickOnMenu = () => {
        if (burgerIcon.classList.contains("open")) {
            burgerIcon.classList.remove("open");
            navLinks.classList.add("hidden");
            clearTimeout(timeOutId);
            timeOutId = setTimeout(() => {navLinks.classList.add("fully-hidden")}, 400)
        }
        else {
            burgerIcon.classList.add("open");
            navLinks.classList.remove("fully-hidden");
            clearTimeout(timeOutId);
            timeOutId = setTimeout(() => {navLinks.classList.remove("hidden");}, 10)
        } 
    }

    burgerIcon.addEventListener("click", clickOnMenu);
    navLinks.addEventListener("click", clickOnMenu);
}