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

To clean this up a little bit and maintain a single line of code (like you would with a toggle()), you can use a ternary operator so your code winds up looking like this (also using jQuery):

$('#video-over').css('visibility', $('#video-over').css('visibility') == 'hidden' ? 'visible' : 'hidden');