显示隐藏的div并关闭其他div，以便一次显示1个

<div class="container">
  <button onclick="toggleDiv(1)">显示/隐藏1</button>
  <div id="div1" class="hidden">内容1</div>
  <button onclick="toggleDiv(2)">显示/隐藏2</button>
  <div id="div2" class="hidden">内容2</div>
  <button onclick="toggleDiv(3)">显示/隐藏3</button>
  <div id="div3" class="hidden">内容3</div>
</div>

.hidden {
  display: none;
}

function toggleDiv(divNumber) {
  var div = document.getElementById("div" + divNumber);
  var buttons = document.getElementsByTagName("button");
  for (var i = 0; i < buttons.length; i++) {
    var button = buttons[i];
    if (button !== event.target) {
      var otherDiv = document.getElementById("div" + button.getAttribute("onclick").match(/\d+/)[0]);
      otherDiv.classList.add("hidden");
    }
  }
  div.classList.toggle("hidden");
}