23 lines
707 B
JavaScript
23 lines
707 B
JavaScript
(function () {
|
|
const filters = document.querySelectorAll(".plan-filter");
|
|
const rooms = document.querySelectorAll(".room-tile");
|
|
|
|
if (!filters.length || !rooms.length) {
|
|
return;
|
|
}
|
|
|
|
filters.forEach((filter) => {
|
|
filter.addEventListener("click", () => {
|
|
const selectedFloor = filter.dataset.floor;
|
|
|
|
filters.forEach((item) => item.classList.remove("active"));
|
|
filter.classList.add("active");
|
|
|
|
rooms.forEach((room) => {
|
|
const shouldShow = selectedFloor === "All" || room.dataset.floor === selectedFloor;
|
|
room.classList.toggle("is-hidden", !shouldShow);
|
|
});
|
|
});
|
|
});
|
|
})();
|