如何使用三个按钮(每个按钮属于一个div)在三个div之间动态切换隐藏/显示？

<div id="button1" onclick="toggleDiv('div1')">按钮1</div>
<div id="button2" onclick="toggleDiv('div2')">按钮2</div>
<div id="button3" onclick="toggleDiv('div3')">按钮3</div>

<div id="div1" class="hidden">内容1</div>
<div id="div2" class="hidden">内容2</div>
<div id="div3" class="hidden">内容3</div>

.hidden {
  display: none;
}

function toggleDiv(divId) {
  var div = document.getElementById(divId);
  if (div.style.display === "none") {
    div.style.display = "block";
  } else {
    div.style.display = "none";
  }
}