html - 在 Navbar Angular 中的导航项之间获取不需要的空间

Question

我正在尝试创建一个带有导航项目的侧导航栏，其中包含子菜单。我能够创建它，但我在 2 个具有子菜单的导航项之间获得了空间。

我正在尝试让这些管理员和支持人员一个接一个地出现，并在单击子菜单时向下滑动。

谁能帮我解决这个问题？

标签： htmlangular

Answer 1

我认为您需要一个用于管理员和支持长度的 var 并进行这样的循环

var dropdown = document.getElementsByClassName("dropdown-btn");
var i;

for (i = 0; i < dropdown.length; i++) {
  dropdown[i].addEventListener("click", function() {
  this.classList.toggle("active");
  var dropdownContent = this.nextElementSibling;
  if (dropdownContent.style.display === "block") {
  dropdownContent.style.display = "none";
  } else {
  dropdownContent.style.display = "block";
  }
  });
}