Переключить свойство видимости 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. Мне это нужно там, просто спрятанное, чтобы оно поддерживало правильную высоту.

Ответы на вопрос(4)

Ваш ответ на вопрос