Initial commit

js/dropdown.js

@@ -0,0 +1,29 @@
+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');
+      });
+    }
+  });
+});