Philip Morton Philip Morton - 4 months ago 9
jQuery Question

How to check if an element is hidden in jQuery?

It is possible to toggle the visibility of an element, using the functions

.hide()
,
.show()
or
.toggle()
.

How would you test if an element is visible or hidden?

Answer

Since the question refers to a single element, this code might be more suitable:

// Checks for display:[none|block], ignores visible:[true|false]
$(element).is(":visible"); 

Same as twernt's suggestion, but applied to a single element; and it matches the algorithm recommended in the jQuery FAQ