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

要实现三个按钮在三个div之间动态切换隐藏/显示，可以使用JavaScript和CSS来实现。

首先，需要给每个按钮和对应的div添加唯一的标识符，例如给按钮1添加id="button1"，给div1添加id="div1"，以此类推。

然后，可以使用JavaScript来监听按钮的点击事件，并根据点击的按钮来切换div的显示状态。可以使用CSS的display属性来控制div的显示和隐藏。

下面是一个示例代码：

HTML部分：

<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>

CSS部分：

.hidden {
  display: none;
}

JavaScript部分：

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

在上述代码中，通过给按钮添加onclick事件，调用toggleDiv函数，并传入对应的div的id来实现切换显示和隐藏。toggleDiv函数首先获取对应的div元素，然后判断其当前的display属性值，如果是none，则将其设置为block，即显示div；如果是block，则将其设置为none，即隐藏div。

这样，当点击按钮时，对应的div就会动态地切换隐藏和显示。

注意：上述代码只是一个简单的示例，实际应用中可能需要根据具体需求进行修改和扩展。