.content-panel {
display: none;
}
Skip to content
function initSwitcher() {
const menuItems = document.querySelectorAll("[id^='menu-']");
const contentPanels = document.querySelectorAll(".content-panel");
if (menuItems.length === 0 || contentPanels.length === 0) {
setTimeout(initSwitcher, 200);
return;
}
function showPanel(target) {
contentPanels.forEach(panel => panel.style.display = "none");
document.getElementById("content-" + target).style.display = "block";
}
menuItems.forEach(item => {
item.addEventListener("click", function () {
const target = this.id.replace("menu-", "");
menuItems.forEach(i => i.classList.remove("active-menu"));
this.classList.add("active-menu");
showPanel(target);
});
});
showPanel("teams");
}
document.addEventListener("DOMContentLoaded", initSwitcher);
