Question

I have a div element <div id='someId' style="visibility: hidden;"></div>

$(#someId).css(‘visibility’); // returns “hidden”
$(#someId).is(‘:hidden’); // returns false
$(#someId).is(‘:visible’); // returns true

Is this a bug in JQuery 1.8 or I didn’t figure out something ?

Answer 1

:hidden selector can refers to :

• display: none
• type="hidden"
• width: 0px; height: 0px
• An ancestor element is hidden.

So visibility: hidden doesn’t enter in those cases.

See jQuery doc here : http://api.jquery.com/hidden-selector/

EDIT

To check visibility property :

if($("#someId").css('visibility') == 'hidden') {
   /* some code */
}