jQuery hide element while preserving its space in page layout

Question

Is there a way in jQuery where I can hide an element, but not change the DOM when it\'s hidden? I\'m hiding a certain element but when it\'s hidden, the elements below it mo

Answer 1

display: none; will take it out of the content flow so you'll see your other content move into the empty space left behind. (display: block; brings it back into the flow pushing everything out of the way.)

visibility: hidden; will keep it within the content flow taking up space but simply make it invisible. (visibility: visible; will reveal it again.)

You'll want to use visibility if you want your content flow to remain unchanged.