如何在单击同一按钮时显示或隐藏div？

在前端开发中，可以通过使用JavaScript来实现在单击同一按钮时显示或隐藏div的效果。以下是一种实现方式：

首先，为按钮和要显示/隐藏的div元素添加唯一的id属性，以便能够在JavaScript中引用它们。

<button id="toggleButton">点击切换显示</button>

<div id="content" style="display: none;">
  这是要显示/隐藏的内容
</div>

接下来，在JavaScript中获取按钮和div元素，并为按钮添加点击事件监听器。

var button = document.getElementById("toggleButton");
var content = document.getElementById("content");

button.addEventListener("click", function() {
  if (content.style.display === "none") {
    content.style.display = "block";
  } else {
    content.style.display = "none";
  }
});

在上述代码中，点击按钮时会检查div元素的display属性，如果为"none"（即隐藏状态），则将其设置为"block"（即显示状态），反之亦然。

这是一种基本的实现方式，当然也可以根据实际需求进行修改和扩展。