隱藏並顯示HTML5元素而不會丟失樣式

Question

我正在尋找一種隱藏HTML5元素的方式，當我將顯示它們時，它們將位於相同的位置並具有相同的樣式。

我試圖從RootPanel中刪除它們並添加回來，但它們沒有再出現。

Answer 1

// before 

$("#myElement").css({"visibility":"hidden"}); 

// after 

$("#myElement").css({"visibility":"visible"}); 

Answer 2

添加和刪除元素不應該更頻繁地執行。它是一個性能問題。每次添加和刪除一些元素瀏覽器會執行一些操作，如link

所述，因此，顯示/隱藏元素的最佳方式是使用CSS顯示：無或可見性：隱藏屬性。

style =「display：none」;或style =「visibility：hidden」;