alex alex - 2 months ago 8
CSS Question

How does jQuery implement hide() and show()

Do they set

display: none
visibility: hidden

I'm pretty sure
display: none
takes the element out of the normal flow, whilst
visibility: hidden
just hides the element but still has a reserved space for it.

Should I just go download the unpacked version and study it or does someone have a quick answer?


It uses display.

Edit: And from John Sheehan's comment on this answer, which I agree with:

You should go view the unpacked source anyway just to familiarize yourself with it

Edit 2: Comments have mentioned using Firebug to discover what is happening. Indeed, I actually went to the jQuery docs and used the Safari Web Inspector to see what happened on the hide() demo to be sure of my answer.