https://www.emi.hr/static/js/mobile_menu.js

1document.addEventListener('DOMContentLoaded', function() {
2    const dropdownToggleBtns = document.querySelectorAll('.dropdown-toggle-btn');
3
4    dropdownToggleBtns.forEach(function(btn) {
5        btn.addEventListener('click', function(e) {
6            e.preventDefault();
7            e.stopPropagation();
8
9            const targetId = this.getAttribute('data-target');
10            const dropdownMenu = document.querySelector(targetId);
11
12            // Toggle dropdown menu visibility
13            if (dropdownMenu) {
14                if (dropdownMenu.classList.contains('show')) {
15                    // Close this dropdown
16                    dropdownMenu.classList.remove('show');
17                    this.setAttribute('aria-expanded', 'false');
18                } else {
19                    // Close any open dropdowns first
20                    document.querySelectorAll('.dropdown-menu.show').forEach(function(menu) {
21                        menu.classList.remove('show');
22                    });
23
24                    // Reset all dropdown toggles to point down
25                    document.querySelectorAll('.dropdown-toggle-btn').forEach(function(otherBtn) {
26                        otherBtn.setAttribute('aria-expanded', 'false');
27                    });
28
29                    // Open this dropdown and set its toggle to point up
30                    dropdownMenu.classList.add('show');
31                    this.setAttribute('aria-expanded', 'true');
32                }
33            }
34        });
35    });
36
37    // Close dropdown when clicking outside
38    document.addEventListener('click', function(e) {
39        if (!e.target.closest('.nav-item')) {
40            document.querySelectorAll('.dropdown-menu.show').forEach(function(menu) {
41                menu.classList.remove('show');
42            });
43
44            // Reset all dropdown toggles to point down
45            document.querySelectorAll('.dropdown-toggle-btn').forEach(function(btn) {
46                btn.setAttribute('aria-expanded', 'false');
47            });
48        }
49    });
50});