improve opening menu script, remove all "active" classes before open …

…the menu
goldipl · Jun 30, 2024 · 9d91ad8 · 9d91ad8
1 parent b8d2e0c
commit 9d91ad8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/js/header-scripts.js b/js/header-scripts.js
@@ -148,6 +148,10 @@ $(document).ready(() => {
     $('.header-2-0 .mobile-menu').addClass('active');
     $('body').addClass('body-locked');
     $('html').addClass('body-locked');
+    $('.mobile-menu-img-wrapper').removeClass('active');
+    $('.menu-inner-second-lvl').removeClass('active');
+    $('.menu-inner-third-lvl-content').removeClass('active');
+    $('.mobile-menu-img-wrapper.rooms-inner-menu').removeClass('active');
     $('.menu-inner-second-lvl.furnitures-inner-menu').addClass('active');
   });
 });
@@ -160,6 +164,10 @@ $(document).ready(() => {
     $('.header-2-0 .mobile-menu').addClass('active');
     $('body').addClass('body-locked');
     $('html').addClass('body-locked');
+    $('.mobile-menu-img-wrapper').removeClass('active');
+    $('.menu-inner-second-lvl').removeClass('active');
+    $('.menu-inner-third-lvl-content').removeClass('active');
+    $('.menu-inner-second-lvl.furnitures-inner-menu').removeClass('active');
     $('.mobile-menu-img-wrapper.rooms-inner-menu').addClass('active');
   });
 });
diff --git a/js/scripts.js b/js/scripts.js
@@ -3,6 +3,9 @@ $(document).ready(function(){
     // Hamburger menu click listener for opening the menu
     $('.header-2-0 .hamburger-menu').click(function(){
         $(this).toggleClass('open');
+        $('.mobile-menu-img-wrapper').removeClass('active');
+        $('.menu-inner-second-lvl').removeClass('active');
+        $('.menu-inner-third-lvl-content').removeClass('active');
         $('.header-2-0 .mobile-menu').addClass('active');
         $('body').addClass('body-locked');
         $('html').addClass('body-locked');

diff --git a/js/tapbar-mobile-menu.js b/js/tapbar-mobile-menu.js
@@ -7,10 +7,16 @@ tabpar_hamburger.addEventListener('click', (e) => {
     mobile_menu.classList.add('active');
     document.body.classList.add('body-locked');
     document.getElementsByTagName('html')[0].classList.add('body-locked');
+    $('.mobile-menu-img-wrapper').removeClass('active');
+    $('.menu-inner-second-lvl').removeClass('active');
+    $('.menu-inner-third-lvl-content').removeClass('active');
 });
 
 mobile_menu_close.addEventListener('click', () => {
     mobile_menu.classList.remove('active');
     document.body.classList.remove('body-locked');
     document.getElementsByTagName('html')[0].classList.remove('body-locked');
+    $('.mobile-menu-img-wrapper').removeClass('active');
+    $('.menu-inner-second-lvl').removeClass('active');
+    $('.menu-inner-third-lvl-content').removeClass('active');
 });