const asideEstaVisivel = aside => aside.classList.contains(“is-show”);
function toggleAside() {
const aside = document.querySelector(".js-o-aside"); if (aside) { if (asideEstaVisivel(aside)) hideAside(aside); else showAside(aside); }
}
function showAside(aside) {
insertBackground(); aside.classList.remove("is-hide"); aside.classList.add("is-show"); aside.style.display = "flex"; document.body.style.gridTemplateColumns = "80% 0";
}
function hideAside() {
const aside = document.querySelector(".js-o-aside"); const background = document.querySelector(".js-l-menuBackground"); if (aside && background) { aside.classList.remove("is-show"); aside.classList.add("is-hide"); aside.style.display = "none"; document.body.style.gridTemplateColumns = "0 100%"; background.remove(); }
}
function insertBackground() {
const background = document.createElement("div"); background.classList.add("l-menuBackground", "js-l-menuBackground"); background.addEventListener("click", hideAside); document.body.appendChild(background);
}