div绑定一个onclick点击隐藏再点击显示 点击div以外的地方也隐藏

可以通过以下代码实现：

HTML代码：

<div id="myDiv" onclick="toggleDiv()">点击我隐藏/显示</div>

JavaScript代码：

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

document.addEventListener("click", function(event) {
  var myDiv = document.getElementById("myDiv");
  if (!myDiv.contains(event.target)) {
    myDiv.style.display = "none";
  }
});

这里定义了一个toggleDiv()函数，用于在点击div时切换显示和隐藏。同时，通过addEventListener()函数监听整个document的点击事件，当点击的目标不是myDiv时，隐藏myDiv。