jquery, how to know div is hidden?

Question

I have code that uses jquery.slideup and jquery.slidedown

How can i know that div is hidden?

Answer 1

You can use the visible selector:

http://docs.jquery.com/Selectors/visible

Answer 2

To see if an element is visible or not, you can use the visible selector with the is function:

$("#idElement").is(":visible") // true or false

But sounds to me like you want to toggle the slide effect, for that you can use the slideToggle function.

Answer 3

$('#id').is(':hidden');    //true if is hidden
$('#id').is(':visible');   //true if is visible

But you may want to use slideToggle for your needs.

Answer 4

You could use $("#elementID").height() == 0 since you know it is either going to be up or down. It may be faster than doing the .is(":visible") as well but I haven't done any testing on that fact.