JavaScript在单击按钮时显示/隐藏divs每页多个

<button id="toggleButton">点击切换</button>

<div id="div1" style="display: none;">
  第一个div元素
</div>

<div id="div2" style="display: none;">
  第二个div元素
</div>

<!-- 添加更多的div元素 -->

var toggleButton = document.getElementById("toggleButton");
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
// 获取更多的div元素

toggleButton.addEventListener("click", function() {
  // 切换div1的显示状态
  if (div1.style.display === "none") {
    div1.style.display = "block";
  } else {
    div1.style.display = "none";
  }
  
  // 切换div2的显示状态
  if (div2.style.display === "none") {
    div2.style.display = "block";
  } else {
    div2.style.display = "none";
  }
  
  // 切换更多的div元素的显示状态
});