display:none/visibility:hiddenの違い

display:none自体は、if文などでよく使っていましたが、似たようなニュアンスのvisibility:hiddenも使えます。

visibility:hidden

display:noneは指定したidなどのレイアウトもスペースも全て非表示するのに対して、 visibility:hiddenは、スペースは保ちます。

なので、消したい要素はあるけどレイアウトは保持したいという時に便利です。