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

if (!$('#singlechatpanel-1').css('display') == 'none') {
   alert('visible');
}else{
   alert('hidden');
}