[解決済み] jQueryでページレイアウト上のスペースを維持したまま要素を隠す

質問

jQueryで、ある要素を非表示にして、非表示にしたときにDOMを変化させない方法はありますか？ある要素を非表示にしているのですが、非表示にするとその下の要素が上に移動してしまいます。そうならないようにしたいのですが。スペースはそのままで、要素を自由に表示/非表示にしたいのです。

このようなことは可能でしょうか？

どのように解決するのですか？

の代わりに hide() を使用します。

css('visibility','hidden')

hide() を設定します。 display のスタイルを none これにより、その要素はドキュメントフローから完全に削除され、スペースを取らないようになります。

visibility:hidden はそのままのスペースを維持します。