Toggle visibility property of div

Question

I have an HTML 5 video in a div. I then have a custom play button - that works fine.
And I have the video\'s visibility set to hidden on load and visible when the play b

Answer 1

There is another way of doing this with just JavaScript. All you have to do is toggle the visibility based on the current state of the DIV's visibility in CSS.

Example:

function toggleVideo() {
     var e = document.getElementById('video-over');

     if(e.style.visibility == 'visible') {
          e.style.visibility = 'hidden';
     } else if(e.style.visibility == 'hidden') {
          e.style.visibility = 'visible';
     }
}