js点击再点击隐藏元素和显示(js实现点击显示再次点击隐藏)

在JavaScript中，点击显示和点击隐藏的功能一般需要用到事件监听和DOM操作。这是一个可以通过单击按钮来切换显示和隐藏元素的实现。

首先，定义一个按钮以及需要在HTML中显示或隐藏的元素：

``html点击切换显示/隐藏这是需要切换显示/隐藏的内容```

接下来用JavaScript编写实现逻辑：

```javascript//获取按钮以及需要切换显示/隐藏的元素varbutton=document.getElementById('toggle-button');varelement=document.getElementById('toggle-element');

//添加点击事件监听Button.addEventListener('click',function(){//判断元素当前显示状态if(element.style.display==='none'){//如果元素当前为hide,然后显示element.style.display='block';}else{//如果该元素当前已显示，则隐藏它element.style.display='none';}});```

上面的代码获取按钮和元素的引用，然后添加点击事件监听器，根据元素当前的显示状态切换显示和隐藏。

这样，当点击按钮时，元素会根据当前的显示状态在显示和隐藏之间切换。

如果您想在单击其他位置时隐藏该元素，可以向代码中添加其他事件侦听器。

```javascript//点击其他地方隐藏元素document.addEventListener('click',function(event){//判断点击事件是否发生在按钮或元素内部if(event.target!==buttonevent.target!==element){//点击其他地方隐藏元素element.style.display='none';}});```

通过添加额外的“click”事件侦听器，当单击事件发生在按钮或元素外部时，该元素将被隐藏。

通过上面的代码就可以实现点击显示然后点击隐藏的功能。关键是获取按钮和元素的引用，通过事件监听实现显示和隐藏切换的逻辑。您可以根据您的需要对其进行修改和扩展。