单击另一个div时显示div -不工作

单击另一个div时显示div，是一种常见的前端开发需求，可以通过JavaScript来实现。下面是一种可能的实现方式：

首先，在HTML中定义两个div，分别为div1和div2，并设置它们的样式和初始状态：

<div id="div1" style="display: block;">Div 1</div>
<div id="div2" style="display: none;">Div 2</div>

其中，div1的初始状态设置为显示（display: block;），而div2的初始状态设置为隐藏（display: none;）。

接下来，在JavaScript中添加事件监听，当点击div1时，隐藏div1并显示div2；当点击div2时，隐藏div2并显示div1：

document.getElementById("div1").addEventListener("click", function() {
  document.getElementById("div1").style.display = "none";
  document.getElementById("div2").style.display = "block";
});

document.getElementById("div2").addEventListener("click", function() {
  document.getElementById("div2").style.display = "none";
  document.getElementById("div1").style.display = "block";
});

这段代码使用addEventListener函数为div1和div2绑定了click事件。当点击div1时，将div1的display样式设置为"none"，即隐藏div1；同时将div2的display样式设置为"block"，即显示div2。当点击div2时，将div2的display样式设置为"none"，即隐藏div2；同时将div1的display样式设置为"block"，即显示div1。

这样，当用户单击div1时，div1会隐藏，同时显示div2；当用户单击div2时，div2会隐藏，同时显示div1。通过这种方式，可以实现单击另一个div时显示div的效果。

推荐腾讯云相关产品：

• 云服务器（CVM）：提供弹性的计算能力，可满足各类业务需求。了解更多信息，请访问：https://cloud.tencent.com/product/cvm
• 云函数（SCF）：无服务器的事件驱动型计算服务，可根据需求弹性地运行代码。了解更多信息，请访问：https://cloud.tencent.com/product/scf
• 云数据库MySQL版（TencentDB for MySQL）：高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。了解更多信息，请访问：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云容器服务（TKE）：基于Kubernetes的容器服务，提供弹性、高可用的容器化应用管理平台。了解更多信息，请访问：https://cloud.tencent.com/product/tke