(function() { // Элементы управления меню (классы указываются согласно вашей вёрстке) const menuToggle = document.querySelector('.menu-toggle'); // кнопка открытия (бургер) const mobileMenu = document.querySelector('.mobile-menu'); // само выпадающее меню (фиксированный блок) const overlay = document.querySelector('.menu-overlay'); // затемнение фона const closeBtn = document.querySelector('.close-menu'); // кнопка закрытия внутри меню // Функция открытия меню function openMenu() { if (mobileMenu) mobileMenu.classList.add('open'); if (overlay) overlay.classList.add('active'); document.body.style.overflow = 'hidden'; // блокируем скролл body } // Функция закрытия меню function closeMenu() { if (mobileMenu) mobileMenu.classList.remove('open'); if (overlay) overlay.classList.remove('active'); document.body.style.overflow = ''; } // Открытие по клику на бургер if (menuToggle) { menuToggle.addEventListener('click', openMenu); } // Закрытие по кнопке "закрыть" внутри меню if (closeBtn) { closeBtn.addEventListener('click', closeMenu); } // Закрытие по клику на затемнённый оверлей if (overlay) { overlay.addEventListener('click', closeMenu); } // Закрытие при нажатии на клавишу Escape document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && mobileMenu && mobileMenu.classList.contains('open')) { closeMenu(); } }); // Опционально: закрытие при клике на любую ссылку внутри меню (плавная навигация) if (mobileMenu) { const menuLinks = mobileMenu.querySelectorAll('a'); menuLinks.forEach(link => { link.addEventListener('click', function(e) { // Если ссылка ведёт на якорь (начинается с #), закрываем меню const href = this.getAttribute('href'); if (href && href.startsWith('#')) { closeMenu(); } }); }); } })();