SyntaxFix

[javascript] Toggle visibility property of div

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';
     }
}

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to toggle

• How to add the text "ON" and "OFF" to toggle button • How do I toggle an element's class in pure JavaScript? • Toggle visibility property of div • slideToggle JQuery right to left • bootstrap initially collapsed element • how to toggle (hide/show) a table onClick of <a> tag in java script • jquery toggle slide from left to right and back • Button text toggle in jquery • How to toggle a boolean? • Toggle show/hide on click with jQuery

Examples related to show-hide

• How to set "style=display:none;" using jQuery's attr method? • How to Toggle a div's visibility by using a button click • How to hide iOS status bar • Toggle visibility property of div • android layout with visibility GONE • Show pop-ups the most elegant way • Show hide fragment in android • Show/Hide Div on Scroll • How to add display:inline-block in a jQuery show() function? • Android: show/hide status bar/power bar