Comments on: jQuery check for element visibility

By: Melanie Cowherd

Melanie Cowherd — Tue, 26 Apr 2011 05:20:44 +0000

indeed

Ankur Dalal — Wed, 06 Apr 2011 07:01:28 +0000

Following have some options for check visibility.

if( $('#foo').is(':visible') ) {
  // it's visible, do something
}
else {
  // it's not visible so do something else
}

Check if an element is hidden

if( $('#foo').is(':hidden') ) {
  // it's hidden, do something
}
else {
  // it's not hidden so do something else
}

Looping though visible elements

abc
def
ghi

To loop through the visible divs under #foo do something do this:

$("#foo div:visible").each( function() {
	    document.write($(this).html()+'');
});

The above example would write the following out to the document:

abc
ghi

Cheerssss !

Bob — Sat, 18 Dec 2010 13:49:08 +0000

for the visibility check you can use this:

$(element).is(":visible");

singsong — Wed, 31 Mar 2010 15:22:05 +0000

Nice example works perfectly

Shikha — Fri, 18 Dec 2009 12:31:37 +0000

Fantastic code in just two lines !!! Great job

Nilima Kadam — Wed, 22 Jul 2009 14:51:33 +0000

Hi Good day,
Thanks! this was really helpful & simple to integrate. Thanks, keep up the good work!