const btn = document.getElementById("menuBtn");
const panel = document.getElementById("menuPanel");

btn.addEventListener("click", () => {
    if (panel.classList.contains("hidden")) {
        panel.classList.remove("hidden");
        setTimeout(() => {
            panel.classList.remove("opacity-0", "translate-y-3");
            panel.classList.add("opacity-100", "translate-y-0");
            btn.innerText = "Menu ▾";
        }, 10);
    } else {
        panel.classList.add("opacity-0", "translate-y-3");
        panel.classList.remove("opacity-100", "translate-y-0");
        btn.innerText = "Menu ▸";
        setTimeout(() => {
            panel.classList.add("hidden");
        }, 250);
    }
});