Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
18 lines (13 sloc) 886 Bytes

Checking if the element is currently hidden

If you need to check the visibility status of some element on the page, you can do that easily with jQuery library with the simple block of code like the one below.

var display = ( jQuery('#someElement').is(':visible') );
var visibility = ( jQuery('#someElement').css('visibility') != 'hidden' );
var status = ( display && visibility );
console.log( status );

So, if the element is currently visible on the page the console.log(status) would return true and in any other case it would return false. The false statement would be returned for this two cases:

  • if element has display:none;
  • if element has visibility: hidden

and for more advanced checking like this: is the element visible on the viewport now I would recomend to use jQuery onScreen plugin

Something went wrong with that request. Please try again.