2016-08-20 38 views
0

我有4頭在Accordians,我想禁用和關閉的第一頭只出所有4頭如下:如何禁用和摺疊的jQuery一個頭手風琴

$("#ExpandCollapse").accordion({ 
     active: false, 
     collapsible: true 
    }); 

禁用我我使用

$(".IncludeAnalysis").addClass("ui-state-disabled"); 

其中.IncludeAnalysis是給第一header.I類要崩潰,並禁用它,除非其他人(非可摺疊+非禁用)

回答

1

我相信你要求做的是讓你的第一個面板崩潰並禁用,並且你的其他三個面板一次打開。如果是這樣,你會誤解什麼是collapsible,並誤解了手風琴的目的。

手風琴允許您在一組相互重疊的面板中擁有多組內容。您可以一次查看這些面板之一。這允許您在頁面上擁有比一次適合在屏幕上更多的內容。它的目的與一組選項卡相似。您一次選擇一個選項卡,並有權訪問該選項卡上的內容。如果您想要訪問不同的內容,請選擇其他選項卡。所以,你要求做的就是要求在標籤顯示中一次選擇多個標籤。它不這樣工作。您一次只能看到一個,用戶單擊他們想要查看的面板的標題。

collapsible選項允許您有沒有面板打開(即活動);通過將其設置爲true,您所說的是可以摺疊(即關閉)整個手風琴。否則,一個面板總是打開。默認情況下,第一個負載處於活動狀態/打開狀態。如果你想關閉它,你通常會點擊它來創建一個不同的面板。正如文檔所述collapsible

是否所有部分都可以一次關閉。允許摺疊活動部分。

您已經查看了active選項的文檔。正如您在代碼中所做的那樣,將collapsible設置爲true並將active設置爲false(表示沒有面板處於活動狀態)會關閉整個手風琴。換句話說,它使任何面板都不活動。

您正在禁用第一個面板。現在我建議你打開第二個面板,並讓其他人關閉但啓用。要做到這一點,只需設置active選項1:

$("#ExpandCollapse").accordion({ 
    active: 1 
}); 

,除非你想關閉所有面板您不需要設置collapsible

這是你最接近你想要的東西。如果你想要顯示所有三個面板,那麼你不想使用手風琴。