Drop list

Pure HTML

document.addEventListener("DOMContentLoaded", () => {
  const dropdowns = document.querySelectorAll(".dropdown");

  dropdowns.forEach((dropdown) => {
    dropdown.addEventListener("mouseover", () => {
      const dropdownContent = dropdown.querySelector(".dropdown-content");
      if (dropdownContent) {
        dropdownContent.style.display = "block";
      }
    });

    dropdown.addEventListener("mouseout", () => {
      const dropdownContent = dropdown.querySelector(".dropdown-content");
      if (dropdownContent) {
        dropdownContent.style.display = "none";
      }
    });
  });
});

HTML Drop listCSS Drop listTS Drop list