切换 div 的可见性属性

12 浏览
0 Comments

切换 div 的可见性属性

我有一个放在 div 中的 HTML 5 视频。我还有一个自定义的播放按钮，它能正常工作。

当加载时，我将视频的可见性设置为隐藏，当点击播放按钮时，它变为可见。但是，当再次点击播放按钮时，我该如何将它重新隐藏起来呢？

function showVid() {
  document.getElementById('video-over').style.visibility = 'visible';
}

#video-over {
  visibility: hidden;
  background-color: rgba(0, 0, 0, .7)
}

我基本上只是想在可见和隐藏之间切换它，但是我不能使用 toggle，因为那会显示和隐藏 div。我需要它在那里，只是隐藏起来，以保持正确的高度。

0