在div中除超级链接之外的所有元素上单击时，如何切换div的显示？

在div中除超级链接之外的所有元素上单击时，可以通过JavaScript来切换div的显示。具体步骤如下：

首先，给除超级链接之外的所有元素添加一个点击事件监听器。
在点击事件处理函数中，获取要切换显示的div元素的引用。
判断div元素的当前显示状态，可以通过检查div元素的style.display属性来判断。如果style.display为"none"，表示div元素当前是隐藏的；如果style.display为其他值（如"block"），表示div元素当前是显示的。
根据div元素的当前显示状态，使用条件语句（如if语句）来切换div的显示。如果div元素当前是隐藏的，则将其style.display属性设置为"block"，即显示div；如果div元素当前是显示的，则将其style.display属性设置为"none"，即隐藏div。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>切换div显示</title>
  <style>
    .myDiv {
      display: none;
      width: 200px;
      height: 200px;
      background-color: lightgray;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <div class="myDiv" id="div1">这是要切换显示的div</div>
  <button onclick="toggleDiv()">切换显示</button>

  <script>
    function toggleDiv() {
      var div = document.getElementById("div1");
      if (div.style.display === "none") {
        div.style.display = "block";
      } else {
        div.style.display = "none";
      }
    }
  </script>
</body>
</html>

在上述示例中，点击"切换显示"按钮时，会切换div的显示状态。初始状态下，div是隐藏的（display: none），点击按钮后会显示div，再次点击则会隐藏div。