Переключить свойство видимости div
У меня есть видео HTML 5 в div. Затем у меня есть пользовательская кнопка воспроизведения - это прекрасно работает.
И у меня есть видеоs Видимость установлена скрытой при загрузке и видима при нажатии кнопки воспроизведения, как мне вернуть ее в скрытое при повторном нажатии кнопки воспроизведения? I '
function showVid() {
document.getElementById('video-over').style.visibility = 'visible';
}
#video-over {
visibility: hidden;
background-color: rgba(0, 0, 0, .7)
}
<img class="img-home-apply" src="/wp-content/images/apply-pic.png" alt="Apply Now">
Я просто пытаюсь переключить его между двумя состояниями: видимым и скрытым, кроме как могуне использовать тумблер, потому что это шоуs и скрывает div. Мне это нужно там, просто спрятанное, чтобы оно поддерживало правильную высоту.