In jQuery, how can I tell if the current object is hidden or not?

Question

Before I call:

$('myObject').show();

I want to know if it is currently hidden or visible.

Answer 1

There's 2 ways to do it, that I know of:

if ($('#something').is(':hidden')) { }

or

if ($('#something').is(':visible')) { }

They should both work.

You can also do something like this:

$('#something:hidden').show();
$('#something:visible').hide();

Which will only call .show() if the item is already hidden, or only call .hide() if the item is already visible.

Answer 2

You could also use the Toggle $(this).toggle();