function toggleMenu() { const sidebar = document.querySelector('.sidebar'); sidebar.classList.toggle('active'); } // Close sidebar when a link is clicked document.querySelectorAll('.nav-list a').forEach(link => { link.addEventListener('click', () => { const sidebar = document.querySelector('.sidebar'); sidebar.classList.remove('active'); }); }); // Close sidebar when clicking outside document.addEventListener('click', (e) => { const sidebar = document.querySelector('.sidebar'); const toggle = document.querySelector('.menu-toggle'); if (!sidebar.contains(e.target) && !toggle.contains(e.target)) { sidebar.classList.remove('active'); } }); // Set active navigation based on current page document.addEventListener('DOMContentLoaded', () => { const currentPage = window.location.pathname.split('/').pop() || 'index.html'; document.querySelectorAll('.nav-list a').forEach(link => { const href = link.getAttribute('href'); if (href === currentPage) { link.classList.add('active'); } else { link.classList.remove('active'); } }); });