我想这样做:当我单击一个div时，它会隐藏其他div

当您单击一个div时，隐藏其他div的操作可以通过使用JavaScript来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .mydiv {
      width: 100px;
      height: 100px;
      background-color: red;
      color: white;
      text-align: center;
      display: inline-block;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="mydiv" onclick="hideOtherDivs(this)">Div 1</div>
  <div class="mydiv" onclick="hideOtherDivs(this)">Div 2</div>
  <div class="mydiv" onclick="hideOtherDivs(this)">Div 3</div>
  <div class="mydiv" onclick="hideOtherDivs(this)">Div 4</div>

  <script>
    function hideOtherDivs(clickedDiv) {
      var divs = document.getElementsByClassName("mydiv");
      for (var i = 0; i < divs.length; i++) {
        if (divs[i] !== clickedDiv) {
          divs[i].style.display = "none";
        }
      }
    }
  </script>
</body>
</html>

在上面的代码中，有4个div元素，它们都具有相同的类名mydiv。每个div元素都有一个onclick事件绑定到hideOtherDivs(this)函数上。当用户单击一个div时，该div会作为参数传递给hideOtherDivs函数。

hideOtherDivs函数遍历所有具有类名mydiv的div元素。如果当前遍历到的div元素不是被单击的div，则将其样式的display属性设置为none，使其隐藏起来。

这样，当您单击一个div时，其他的div都会被隐藏起来。

请注意，以上代码仅为示例，以演示如何实现隐藏其他div的功能。在实际应用中，您可能需要根据具体需求进行修改和优化。