display:noneは、要素がDOMの一部としてレンダリングされないため、表示プロパティが別のものに変更されるまでロードされません。jQueryが表示/非表示を使用する理由：表示：非表示の代わりにnone：非表示ですか？
visibility:hiddenは要素をロードしますが、表示しません。
visibility:hiddenとvisibility:visibleの間で切り替えるのではなく、jQueryがその表示/非表示機能にdisplay:noneを使用するのはなぜですか？
display:noneでは、要素はすべて目的のために存在しなくなり、スペースを占有しません。 しかし、visibility:hiddenでは、ちょうどopacity:0を要素に追加したようです。同じ量の領域を占めますが、目に見えません。
jQueryクリエイターはおそらく、前者が.hide()に適していると考えていた可能性があります。
技術を切り替える方法があるはずです。オブジェクトが計算を実行するのに必要なスペースを占有するようにしてください！ –
非表示：非表示にすると、ページでスペースが使用されます。表示：なしは、DOMにまだ存在している間は、要素がスペースを持たず、完全に消滅するようにします。
視認性は要素を不可視にしますが、それでも画面上のスペースを占有します。
visibility: hiddenは要素を非表示にしますが、ページのレイアウトから削除しません。それは要素がある空のボックスを残します。 display: noneはレイアウトから削除して、ページ上のスペースを取らないようにします。これは、通常、人々が何かを隠すときに必要なスペースです。
しかし、場合によっては可視性は本当に便利です。レイアウトを一貫性を保ちたいと思っているように...そして、UIはhide/showで縮小しません。 –
Visibility:hidden要素を非表示にするだけですが、ロード時間を消費するようにDOMにロードされます。しかし、Display:noneは要素をロードしません。
@RyanErbあなたは実際に質問を読んで（そして理解して）試しましたか、単にキーワードを一致させていますか？ – TMS