如何使用javascript在两个菜单项之间切换？

<ul id="menu">
  <li><a href="#">菜单项1</a></li>
  <li><a href="#">菜单项2</a></li>
</ul>

var menuItems = document.getElementById("menu").getElementsByTagName("li");

for (var i = 0; i < menuItems.length; i++) {
  menuItems[i].addEventListener("click", function() {
    // 切换菜单项的样式
    this.classList.toggle("active");
    
    // 执行菜单切换的逻辑
    // 例如，显示/隐藏相应的内容块
  });
}

for (var i = 0; i < menuItems.length; i++) {
  menuItems[i].addEventListener("click", function() {
    // 切换菜单项的样式
    this.classList.toggle("active");
    
    // 获取需要显示/隐藏的内容块的引用
    var targetId = this.getAttribute("data-target");
    var targetElement = document.getElementById(targetId);
    
    // 切换内容块的显示/隐藏状态
    targetElement.style.display = (targetElement.style.display === "none") ? "block" : "none";
  });
}