使用vanilla javascript在<li>上关闭下拉菜单单击

// 获取<li>元素
var listItem = document.querySelector("li");

// 添加点击事件监听器
listItem.addEventListener("click", function() {
  // 获取下拉菜单的引用
  var dropdownMenu = this.querySelector(".dropdown-menu");

  // 检查下拉菜单的当前状态
  if (dropdownMenu.style.display === "block") {
    // 关闭下拉菜单
    dropdownMenu.style.display = "none";
  } else {
    // 打开下拉菜单
    dropdownMenu.style.display = "block";
  }

  // 关闭其他已打开的下拉菜单
  var allDropdownMenus = document.querySelectorAll(".dropdown-menu");
  allDropdownMenus.forEach(function(menu) {
    if (menu !== dropdownMenu) {
      menu.style.display = "none";
    }
  });
});