How do i test if something is hidden with jQuery? [duplicate]
Possible Duplicate:
Testing if something is hidden with jQuery
In jQuery, suppose you have an element of some kind that you're hiding and showing, using .hide()
, .show()
or .toggle()
. How do you test to see if that element is currently hidden or visible on the screen?
Solution 1:
Try
$("some-selector").is(':hidden');
or
$("some-selector").is(':visible');
Here are the docs for the :visible
and the :hidden
selectors.
Solution 2:
$('.target').is(':hidden') // returns true if the element is hidden
$('.target').is(':visible') // returns true if the element is visible