隱藏一個元素，同時備份佈局

Question

我有一個腳本（JS）運行，將使一些不同的div可見或隱藏。我遇到的問題是，儘管元素具有「隱藏」的「可見性」屬性，但它們仍佔用空間。有沒有一種方法可以隱藏元素，同時防止它們佔據空間？

我有機會獲得jQuery的爲好，如果這意味着什麼...

乾杯，

DalexL

Answer 1

您正在尋找顯示無，

.hide { 
    display: none; 
} 

Answer 2

當您使用visibility :hidden隱藏的元素用display: none CSS屬性

仍然佔據着它的高度和寬度。 雖然顯示屬性使元素完全崩潰。

Answer 3

嘗試使用display: none;代替visibility: hidden;

JQuery的.hide()方法也可以。您可以使用簡單的.show()

Answer 4

再次顯示你既可以我們jQuery的hide()功能：

$("#sample").hide(); 

如果你想隱藏多個div，只需添加一個類來所有的人，並隱藏整個類：

$(".sample").hide(); 

你也可以使用JavaScript像這樣：

function hidedivs() { 
document.getElementById('sample').style.display='none'; 
} 

但是，你必須爲每個元素製作一個。我會推薦上面的jQuery。

這裏瞭解hide()：http://api.jquery.com/hide