35 строки
1.0 KiB
JavaScript
35 строки
1.0 KiB
JavaScript
const Dropdowns = {
|
|
init: function () {
|
|
// Toggle dropdowns when dropdown is clicked
|
|
document.querySelectorAll(".dropdown-toggle").forEach((element) =>
|
|
element.addEventListener("click", (_) => {
|
|
element.classList.toggle("show");
|
|
const target = document.querySelector(
|
|
`[aria-labelledby="${element.id}"]`
|
|
);
|
|
target.classList.toggle("d-block");
|
|
|
|
const toggleText = document.querySelector(".toggle-text");
|
|
|
|
if (!toggleText) {
|
|
return;
|
|
}
|
|
if (element.classList.contains("show")) {
|
|
toggleText.innerText = toggleText.getAttribute("data-close");
|
|
} else {
|
|
toggleText.innerText = toggleText.getAttribute("data-open");
|
|
}
|
|
})
|
|
);
|
|
|
|
// Close dropdowns when item is clicked
|
|
document.querySelectorAll(".dropdown-item").forEach((element) => {
|
|
element.addEventListener("click", (_) => {
|
|
element.parentElement.classList.remove("d-block", "show");
|
|
});
|
|
});
|
|
},
|
|
};
|
|
|
|
export default Dropdowns;
|