https://item.expert/local/templates/it_main/js/1c.js?17017609193878

1document.addEventListener("DOMContentLoaded", () => {
2  new Swiper(".packages-slider", {
3    slidesPerView: 3,
4    spaceBetween: 4,
5    initialSlide: 1,
6    centeredSlides: true,
7    breakpoints: {
8      320: {
9        slidesPerView: "auto",
10      },
11      1024: {
12        slidesPerView: "auto",
13      },
14    },
15  });
16
17  const accordionBtnBlocks = document.querySelectorAll(
18    ".cards__industrial-accordion-btn-block"
19  );
20
21  let activeBlock = null; // Переменная для хранения текущего активного блока
22
23  accordionBtnBlocks.forEach((btnBlock) => {
24    btnBlock.addEventListener("click", () => {
25      const accordionItem = btnBlock.closest(
26        ".cards__industrial-accordion-item"
27      );
28      const content = accordionItem.querySelector(
29        ".cards__industrial-accordion-content"
30      );
31      const svg = btnBlock.querySelector(".svg-acc-industrial");
32
33      if (
34        activeBlock === null || // Если нет активного блока
35        activeBlock !== accordionItem // Или текущий активный блок не совпадает с блоком, на который нажали
36      ) {
37        // Закрываем предыдущий активный блок, если он есть
38        if (activeBlock) {
39          const activeContent = activeBlock.querySelector(
40            ".cards__industrial-accordion-content"
41          );
42          const activeSvg = activeBlock.querySelector(".svg-acc-industrial");
43
44          activeContent.style.display = "none";
45          activeBlock.style.background = "none";
46          activeBlock.querySelector(
47            ".cards__business-accordion-btn"
48          ).style.display = "block";
49          activeBlock.querySelector(
50            ".cards__business-accordion-btn-close"
51          ).style.display = "none";
52          activeSvg.style.transform = "rotate(0deg)";
53        }
54
55        content.style.display = "block";
56        accordionItem.style.border = "2px solid var(--ITEM-grey, #292929)";
57        accordionItem.style.background = "var(--ITEM-grey, #292929)";
58        btnBlock.querySelector(
59          ".cards__business-accordion-btn-close"
60        ).style.display = "block";
61        btnBlock.querySelector(".cards__business-accordion-btn").style.display =
62          "none";
63        svg.style.transform = "rotate(270deg)";
64
65        activeBlock = accordionItem;
66      } else {
67        content.style.display = "none";
68        accordionItem.style.background = "none";
69        btnBlock.querySelector(".cards__business-accordion-btn").style.display =
70          "block";
71        btnBlock.querySelector(
72          ".cards__business-accordion-btn-close"
73        ).style.display = "none";
74        svg.style.transform = "rotate(0deg)";
75
76        activeBlock = null;
77      }
78
79      accordionItem.scrollIntoView({ behavior: "smooth" });
80    });
81  });
82});
83
84window.addEventListener("load", () => {
85  new Swiper(".slider-business-application-product", {
86    spaceBetween: 40,
87    centeredSlides: true,
88    loop: true,
89    breakpoints: {
90      320: {
91        slidesPerView: 1,
92      },
93      1024: {
94        slidesPerView: "auto",
95      },
96    },
97    navigation: {
98      nextEl:
99        ".slider-business-application-product .slider-business-application-product__controls .swiper-button-next",
100      prevEl:
101        ".slider-business-application-product .slider-business-application-product__controls .swiper-button-prev",
102    },
103    pagination: {
104      el: ".slider-business-application-product .swiper-pagination",
105      type: "fraction",
106    },
107  });
108
109  new Swiper(".mySwiper", {
110    slidesPerView: "auto",
111    centeredSlides: true,
112    loop: true,
113    spaceBetween: 40,
114    pagination: {
115      el: ".swiper-pagination",
116      clickable: true,
117    },
118  });
119
120  new Swiper(".product-page__banner-slider", {
121    slidesPerView: 1,
122    loop: true,
123  });
124});