jquery切換顯示和隱藏不同的元素......令人困惑

Question

我有一個切換設置在我想要顯示的元素上隱藏4個元素（3個ids，1個類）。

這裏是我的jQuery

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

這4個元素是隱藏在頁面加載和第一肘，全部顯示出來。如果我切換到隱藏，那很好。但是，如果我切換到再次顯示它們。 .userprofile不顯示。這是因爲它是一個類而不是CSS中的ID？

爲什麼會這樣呢？

在此先感謝...

Answer 1

而不是在.userprofile CSS使用display: none;的，隱藏的jQuery的元素是這樣的：​​

：

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

有關更多信息，請參見本具體來說：

匹配的元素將被隱藏立即沒有動畫的書房。 這大致等同於調用.css（'display'，'none'），除了 顯示屬性的值保存在jQuery的數據 緩存中，以便稍後可以將顯示恢復到其初始值。如果 元素具有內聯的顯示值，則隱藏並顯示，它將再次以內聯方式顯示。

反之，如果最初有display: none;切換回上會給它的display: none;相同的值。