RSCC-Page/public/closable.js

42 lines
995 B
JavaScript
Raw Normal View History

2025-02-06 18:05:35 +01:00
const closable = document.querySelectorAll("details.closable");
closable.forEach((detail) => {
detail.addEventListener("toggle", () => {
if (detail.open) setTargetDetail(detail);
});
});
function setTargetDetail(targetDetail) {
closable.forEach((detail) => {
if (detail !== targetDetail) {
detail.open = false;
}
});
}
document.addEventListener("click", function (event) {
const isClickInsideDetail = [...closable].some((detail) =>
detail.contains(event.target)
);
if (!isClickInsideDetail) {
closable.forEach((detail) => {
detail.open = false;
});
}
});
2025-03-04 04:23:12 +01:00
const toggleNavbar = document.getElementById("toggle-navbar");
const siteNavbar = document.getElementById("site-navbar");
const mainContent = document.getElementById("main-content");
toggleNavbar.addEventListener("change", () => {
if (toggleNavbar.checked) {
toggleSidebar.checked = false;
}
});
mainContent.addEventListener("click", () => {
if (toggleNavbar.checked) toggleNavbar.checked = false;
});