点击一个按钮弹出一个新div窗口 每点击时隐藏

以下是一个简单的示例代码，可以实现点击按钮弹出新的div窗口，每次点击时隐藏它：

HTML代码：

<button id="popup-btn">弹出窗口</button>
<div id="popup">这是一个弹出窗口</div>

CSS代码：

#popup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

JavaScript代码：

var popupBtn = document.getElementById('popup-btn');
var popup = document.getElementById('popup');

popupBtn.addEventListener('click', function() {
  if (popup.style.display === 'none') {
    popup.style.display = 'block';
  } else {
    popup.style.display = 'none';
  }
});

这段代码首先获取了按钮和弹出窗口的DOM元素，然后给按钮添加了一个点击事件监听器。每次点击按钮时，代码会检查弹出窗口的display属性，如果是none，则将其设置为block，显示窗口；如果不是none，则将其设置为none，隐藏窗口。这样，每次点击按钮时，弹出窗口就会在显示和隐藏之间切换。