document.addEventListener("DOMContentLoaded", function() { const menuToggle = document.querySelector('.menu-toggle'); const sidebarLeft = document.querySelector('.sidebar-left'); // 1. Переключение видимости левого сайдбара на мобильных if (menuToggle && sidebarLeft) { menuToggle.addEventListener('click', function() { this.classList.toggle('active'); sidebarLeft.classList.toggle('active'); // Доступность для скринридеров const isExpanded = this.classList.contains('active'); this.setAttribute('aria-expanded', isExpanded); }); } // 2. Исправленный аккордеон для подменю const toggles = document.querySelectorAll('.category-toggle'); toggles.forEach(toggle => { toggle.addEventListener('click', function(e) { e.preventDefault(); const parentLi = this.parentElement; const arrow = this.querySelector('.menu-arrow'); const isOpen = parentLi.classList.contains('is-open'); // Сначала закрываем все открытые секции меню document.querySelectorAll('.menu-item-has-children').forEach(li => { li.classList.remove('is-open'); const ar = li.querySelector('.menu-arrow'); if (ar) ar.style.transform = 'rotate(0deg)'; }); // Если текущая ветка была закрыта — раскрываем её if (!isOpen) { parentLi.classList.add('is-open'); if (arrow) arrow.style.transform = 'rotate(180deg)'; } }); }); });

Агитационные материалы.
Изображение 1 из 11