https://alfa-diesel.ru/modules/mobmenu/js/mobmenu.js

1const mobmenu_forwards = document.querySelectorAll('[data-toggle="mobmenu-forward"]');
2
3mobmenu_forwards.forEach(el =>{
4
5    const mobmenu = el.closest('[data-item="mobmenu"]');
6
7    el.addEventListener("click", (e) => {
8
9        e.preventDefault();
10
11        const submenu = el.closest('[data-item="mobmenu-item"]').querySelector('[data-item="mobmenu-submenu"]');
12        mobmenu.style.height = 'auto';
13        
14
15        if(!el.closest('.mobmenu').matches('.mobmenu--toplevel')){
16            el.closest('.mobmenu').classList.add('mobmenu--previous')
17        }
18
19        el.closest('.mobmenu-item').classList.add('mobmenu-item--active');
20
21        mobmenu_transition = el.closest('.mobmenu-item--active');
22        mobmenu_transition.addEventListener("transitionend", () => {
23            mobmenu.classList.add('mobmenu--active');
24            const submenu_height = submenu.offsetHeight;
25            mobmenu.style.height = `${submenu_height}px`;
26        },{once: true});
27        
28        
29    });
30});
31
32
33const mobmenu_backs = document.querySelectorAll('[data-toggle="mobmenu-back"]');
34mobmenu_backs.forEach(el =>{
35
36    mobmenu = el.closest('[data-item="mobmenu"]');
37
38    el.addEventListener("click", (e) => {
39
40
41        if(el.closest('.mobmenu--previous')){
42            el.closest('.mobmenu--previous').classList.remove('mobmenu--previous');
43        }else{
44            mobmenu.classList.remove('mobmenu--active');
45        }
46
47        if(el.closest('.mobmenu-item--active')){
48            el.closest('.mobmenu-item--active').classList.remove('mobmenu-item--active');
49        }
50
51        mobmenu_transition = el.closest('[data-item="mobmenu-submenu"]');
52
53        mobmenu_transition.addEventListener("transitionend", () => {
54            mobmenu.classList.remove('mobmenu--active');
55            mobmenu.style.height = 'auto';
56        },{once: true});
57        
58    });
59});
60
61
62
63
64for (const offcanvas of document.querySelectorAll('[data-item="offcanvas"]')){
65
66    offcanvas.addEventListener('hidden.bs.offcanvas', event => {
67        
68        for (const mobmenu of offcanvas.querySelectorAll('[data-item="mobmenu"]')){
69            mobmenu.classList.remove('mobmenu--previous');
70            mobmenu.classList.remove('mobmenu--active');
71            mobmenu.style.height = 'auto';
72
73            for (const mobmenu_item of mobmenu.querySelectorAll('[data-item="mobmenu-item"]')){
74                mobmenu_item.classList.remove('mobmenu-item--active');
75            }
76
77        }
78
79    }); 
80
81};