How do I 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

http://stackoverflow.com/questions/178325/how-do-i-check-if-an-element-is-hidden-in-jquery

TAGS : | |