https://visittyumen.ru/local/templates/mendeleev/components/bitrix/news.list/special-projects/script.js

1const categoryItems = $(".special-projects-list-categories .list-category"),
2      projectItems = $(".special-projects-list-link");
3
4function filterItems(category) {
5    categoryItems.each(function() {
6        if ($(this).attr("data-category") === category) {
7            $(this).addClass("active");
8        } else {
9            $(this).removeClass("active");
10        }
11    });
12    projectItems.each(function() {
13        const projectCategory = $(this).attr("data-category");
14        if (projectCategory === category) {
15            $(this).removeClass("hidden");
16        } else {
17            $(this).addClass("hidden");
18        }
19    });
20}
21
22filterItems("ACTUAL");
23
24categoryItems.on("click", function() {
25    const selectedCategory = $(this).attr("data-category");
26    filterItems(selectedCategory);
27});
28
29const swiper = new Swiper(".swiper", {
30    slidesPerView: 2,
31    spaceBetween: 0,
32    loop: false,
33    freeMode: true,
34    allowTouchMove : true,
35    breakpoints: {
36        576: {
37            allowTouchMove : false,
38            slidesPerView: 3,
39            spaceBetween: 0,
40        },
41        420: {
42            slidesPerView: 2.2,
43            spaceBetween: 0,
44        },
45    }
46});