How to check if a div is visible state or not?

Question

I have tabs like this.

     //content

Trying to check it like

Answer 1

is(':visible') checks the display property of an element, you can use css method.

if (!$("#singlechatpanel-1").css('visibility') === 'hidden') {
   // ...
}

If you set the display property of the element to none then your if statement returns true.