CSS for hiding a HTML element, keeping its with and height?

Question

I need a CSS snippet for hiding a HTML <div class="my"> (with quite a lot of contents, including text and other divs), but still reserving space for it. Is there something better or faster than div.my{opacity:0;}?

Answer 1

visibility:hidden;

This will hide the element from the page but retain it's place in the layout.

Answer 2

use document.getElementById("my").style.display = "none"; do not user visibility it only hide element but in display it remove the space acquired by element.