From 9d91ad8d0a70e189dcb733f6bcffff81940f62e6 Mon Sep 17 00:00:00 2001 From: goldipl Date: Sun, 30 Jun 2024 11:15:20 +0200 Subject: [PATCH] improve opening menu script, remove all "active" classes before open the menu --- js/header-scripts.js | 8 ++++++++ js/scripts.js | 3 +++ js/tapbar-mobile-menu.js | 6 ++++++ 3 files changed, 17 insertions(+) diff --git a/js/header-scripts.js b/js/header-scripts.js index 7e1ed40..95e9bfe 100644 --- 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'); }); }); \ No newline at end of file diff --git a/js/scripts.js b/js/scripts.js index 6a05c98..9d49eda 100644 --- 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 index ce444cc..6ef4618 100644 --- 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'); }); \ No newline at end of file