display: none; should do the trick.
if you want to get a div to show when you click a button, you could do
function showHidden(){
document.getElementById("hidden").style.display = "block";
}#hidden{display: none;}<div> click the button to show another div </div>
<button onclick="showHidden()">button</button>
<div id="hidden">hidden div</div>hopefully that helped.
Instead of visibility: hidden;, try display: none;. This way the blocks don’t take up space.
Find more information here
I want to hide everything on my page except a single div. Tried visibility: hidden; but the other divs still take up space.
Any help?
“The visibility CSS property shows or hides an element without changing the layout of a document. To both hide an element and remove it from the document layout, set the display property to none instead of using visibility.”
Does this answer your question?