figma_accordeon_02

main.js

@@ -1,3 +1,14 @@
+	// -----------------------------------------HEADER-----------------------------------------------------------
+  document.querySelectorAll('.header_top_item').forEach((item) => {
+  item.addEventListener('click', (e) => {
+    e.preventDefault(); // если не нужно переходить со страницы
+    document.querySelectorAll('.header_top_item').forEach(el => el.classList.remove('active'));
+    item.classList.add('active');
+  });
+});
+
+// -------------------------------ACCORDION-SLIDER-----------------------------------------------------------
+
 const items = document.querySelectorAll('.accordion-item');
 
 // Делаем первый аккордеон активным по умолчанию
@@ -24,4 +35,22 @@ items.forEach(item => {
       item.querySelector('.img-open').style.display = 'block';
       item.querySelector('.img-closed').style.display = 'none';
     });
-  });
+  });
+
+  // -----------------------------------------ACCORDION-SECOND----------------------------------------------
+document.addEventListener('DOMContentLoaded', () => {
+  const cards = document.querySelectorAll('.advantage_slider_item');
+
+  cards.forEach(card => {
+    card.addEventListener('click', () => {
+      // если уже активна — просто закрываем
+      if (card.classList.contains('active')) {
+        card.classList.remove('active');
+      } else {
+        // иначе закрываем все остальные и открываем текущую
+        cards.forEach(c => c.classList.remove('active'));
+        card.classList.add('active');
+      }
+    });
+  });
+});