script.js

let isMenuOpen = false;

function toggleDropdown() {
  let dropdown = document.getElementById("myDropdown");
  dropdown.classList.toggle("show-dropdown");

  let dropdownIcon = document.getElementsByClassName("expand-icon")[0];
  dropdownIcon.textContent = isMenuOpen ? "expand_more" : "keyboard_arrow_up";
  isMenuOpen = !isMenuOpen;
}

// Close the dropdown if the user clicks outside of it
window.onclick = function (event) {
  if (!event.target.matches(".dropdown-btn")) {
    let dropdowns = document.getElementsByClassName("dropdown-content");
    let dropdownIcon = document.getElementsByClassName("expand-icon")[0];

    for (let i = 0; i < dropdowns.length; i++) {
      let openDropdown = dropdowns[i];
      if (openDropdown.classList.contains("show-dropdown")) {
        openDropdown.classList.remove("show-dropdown");
        dropdownIcon.textContent = "expand_more";
        isMenuOpen = false;
      }
    }
  }
};