2013-02-27 14 views
0

我需要在我的頁面上有4個獨立的div(區域)。並在這4個領域中的每一個領域都有一份清單。 該列表需要手風琴。他們不使用默認的h3標題作爲觸發器,觸發器需要是每個列表下方的文本鏈接,該鏈接顯示「Expand +」。Jquery與文本觸發器在同一頁上的多個手風琴

所以當你點擊相應的div中的「Expand +」時,列表就會出現。然後「展開+」將變成「關閉」

所有的手風琴都需要在開始時關閉。

這是可能的jQueryUI和手風琴?

回答

1

是的,這是可能的。請參考accordion文檔中的以下選項。

active:哪個面板當前打開。將active設置爲false將摺疊所有面板。這要求collapsible選項爲真。

header:標頭元素的選擇器,通過.find()在主手風琴元素上應用。內容面板必須是與其關聯的標題之後的兄弟姐妹。

但是,您將需要編寫一些定製代碼以處理文本更改。

一個例子可以在這裏找到:http://jsfiddle.net/GoranMottram/dP5mn/

+0

將手風琴的,甚至是使用這種正確的UI元素? – user388069 2013-02-27 04:31:43

+0

如果你想要手風琴般的行爲,那麼是的。雖然使用'

'列表可能更適合手風琴。我已經添加了一個示例來說明答案。 – 2013-02-27 04:39:20