document.addEventListener("DOMContentLoaded", function () { let subFilters = document.getElementById("sub-filters"); let toggleSub = document.getElementById("toggle-sub"); // باز و بسته کردن زیرمجموعه‌ها toggleSub.addEventListener("click", function () { subFilters.style.display = (subFilters.style.display === "none" || subFilters.style.display === "") ? "block" : "none"; }); // فیلتر کردن نمونه‌کارها document.querySelectorAll(".filter-btn").forEach(button => { button.addEventListener("click", () => { let filter = button.getAttribute("data-filter"); document.querySelectorAll(".portfolio-item").forEach(item => { if (filter === "all") { item.style.display = "block"; } else if (filter === "tizer-group") { if (item.classList.contains("tizer") || item.classList.contains("story-motion") || item.classList.contains("tarahi")) { item.style.display = "block"; } else { item.style.display = "none"; } } else { item.style.display = item.classList.contains(filter) ? "block" : "none"; } }); }); }); });