Jak sprawdzić, czy div jest widoczny, czy nie?

Mam takie karty.

<li id="singlechatpanel-1" style="visibility: hidden;">
     //content
</li>

Próbuję to sprawdzić w ten sposób:

$(".subpanel a").click(function() 
     {
        var chatterNickname = $(this).text();

        if(!$("#singlechatpanel-1").is(':visible'))
        {
            alert("Room 1 is filled.");
            $("#singlechatpanel-1").css({'visibility':'visible'});
            $("#singlechatpanel-1 #chatter_nickname").html("Chatting with: " + chatterNickname);
        }

Jeśli warunek zawsze zwraca false. Jak mogę sprawdzić stan widoczności tego diva?

questionAnswers(7)

yourAnswerToTheQuestion