jquery異なる要素の表示と非表示を切り替える...混乱する

Question

表示したい要素にトグルを設定しました。4要素（3 ids、1クラス）を隠しています。

はここ

$('#tap-menu').click(function() { 
    $('#left-column, #settings, #ortibi, .userprofile').toggle(); 
}); 

これらの4つの要素は、ページのロードに最初のトグルに隠されている私のjQueryの、それらのすべてを示しています。私がもう一度隠れるように切り替えると、大丈夫です。しかし、もし私が再び彼らを見せるためにトグルすれば。 .userprofileは表示されません。これはCSSのIDではなくクラスだからですか？

それはなぜそれに効果がありますか？事前に

おかげで...

Answer 1

代わり.userprofile CSSでdisplay: none;を使用しての、このようなjQueryを使って要素を非表示：

$(function(){ 
    $('#left-column, #settings, #ortibi, .userprofile').hide(); 
}); 

は、より多くの情報のためにこれを参照してください。​​

具体的には、

一致する要素は、hidアニメーションなしで即座にデンします。 を除いて、表示プロパティをjQueryのデータ キャッシュに保存しておき、後で表示を初期値に戻すことができることを除けば、.css（ 'display'、 'none'）を呼び出すのとほぼ同じです。 要素にインラインの表示値がある場合は、非表示になり、 がインラインで表示されます。

逆に、それは最初にそれをdisplay: none;の同じ値を与える背面にそれをトグルdisplay: none;の値を持っている場合。