单击多个按钮时，它仅显示一个div

单击多个按钮时，只显示一个div是通过使用JavaScript来实现的。可以通过给每个按钮添加一个点击事件，当点击按钮时，通过修改div的样式来控制其显示或隐藏。

以下是一个实现的示例代码：

HTML部分：

<button onclick="toggleDiv('div1')">按钮1</button>
<button onclick="toggleDiv('div2')">按钮2</button>
<button onclick="toggleDiv('div3')">按钮3</button>

<div id="div1" class="hidden">这是div1的内容</div>
<div id="div2" class="hidden">这是div2的内容</div>
<div id="div3" class="hidden">这是div3的内容</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";
  }
}

在上述代码中，每个按钮都有一个对应的div，并且初始状态下都设置为隐藏（通过添加hidden类来实现）。当点击按钮时，调用toggleDiv函数，并传入对应的div的id作为参数。该函数会获取到对应的div元素，并检查其当前的显示状态。如果div是隐藏的，则将其显示出来；如果div是显示的，则将其隐藏起来。

这种方式可以用于实现一些交互性较强的页面，例如在一个表单中，根据用户的选择显示不同的选项或内容。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。
• 腾讯云云数据库 MySQL 版：可靠、可扩展的云数据库服务，适用于各种规模的应用。
• 腾讯云对象存储（COS）：安全、稳定、高扩展性的云端存储服务，适用于存储和处理各种类型的数据。
• 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备，并进行数据采集和分析。
• 腾讯云区块链服务（BCS）：提供高性能、可扩展的区块链服务，帮助构建和管理区块链网络。
• 腾讯云视频处理（VOD）：提供视频上传、转码、剪辑、播放等一站式视频处理服务，适用于各种视频应用场景。

请注意，以上仅为示例，实际应根据具体需求选择合适的产品和服务。