is:Visible Jquery

by Santosh Thakur

HTML

<h1>Detect if Element is Visible</h1>
<pre>
<code>
// jQuery selector to get an element
var query = $('#elementId');
 
// check if element is Visible
var isVisible = query.is(':visible');
 
if (isVisible === true) {
   // element is Visible
} else {
  // element is Hidden
}

</code>
</pre>

<h1>Toggle Element Visibility</h1>
<pre>
<code>
// jQuery selector to get element(s)
var query = $('div.className');
 
// Hide all matching elements
query.hide();
 
// Display all matching elements
query.show();
  
</code>
</pre>