Verifique a visibilidade do elemento HTML que tem display: block usando jQuery

Exemplo de elemento HTML:

<div id='dropdown_menu'>
 /*some HTML are here*/
</div>

Exemplo de CSS aplicado ao elemento HTML:

#dropdown_menu{
 display:block;
 visibility:hidden;
}

Para verificar a visibilidade do elemento dropdown_menu usando jQUery:

$('#dropdown_menu').is(':hidden') #not work, will return false.
$('#dropdown_menu').css('visibility') === 'hidden' #works, will return true

Como você pode ver, o elemento HTML com visibilidade: oculto, não será mostrado no navegador (o que significa que está oculto).

No entanto, como tem a propriedade CSS display: block, verificar com is (‘: hidden’) retornará falso . É considerado um elemento oculto.