21 lines
730 B
JavaScript
21 lines
730 B
JavaScript
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);
|
|
}
|
|
});
|