29 lines
965 B
JavaScript
29 lines
965 B
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const dropdowns = document.querySelectorAll('.dropdown');
|
|
|
|
dropdowns.forEach(dropdown => {
|
|
const dropdownToggle = dropdown.querySelector('.nav-link');
|
|
const dropdownMenu = dropdown.querySelector('.dropdown-menu');
|
|
|
|
dropdownToggle.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
// Close other open dropdowns
|
|
dropdowns.forEach(otherDropdown => {
|
|
if (otherDropdown !== dropdown) {
|
|
otherDropdown.querySelector('.dropdown-menu').classList.remove('show');
|
|
}
|
|
});
|
|
// Toggle the current dropdown
|
|
dropdownMenu.classList.toggle('show');
|
|
});
|
|
});
|
|
|
|
// Close dropdowns when clicking outside
|
|
document.addEventListener('click', function(e) {
|
|
if (!e.target.closest('.dropdown')) {
|
|
dropdowns.forEach(dropdown => {
|
|
dropdown.querySelector('.dropdown-menu').classList.remove('show');
|
|
});
|
|
}
|
|
});
|
|
}); |