使用DropDown DropDown ()方法打开自定义打开不起作用

<button id="dropdown-btn">点击打开下拉菜单</button>

function DropDown() {
  // 获取下拉菜单元素
  var dropdownMenu = document.getElementById("dropdown-menu");

  // 切换下拉菜单的显示状态
  if (dropdownMenu.style.display === "none") {
    dropdownMenu.style.display = "block";
  } else {
    dropdownMenu.style.display = "none";
  }
}

// 监听按钮的点击事件，并调用DropDown()方法
document.getElementById("dropdown-btn").addEventListener("click", DropDown);

#dropdown-menu {
  display: none; /* 默认隐藏下拉菜单 */
  position: absolute;
  top: 100%; /* 下拉菜单相对于触发元素的位置 */
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}