2012-04-22 72 views
1

我想突出顯示所選的摺疊項目。爲了達到這個目的,我用accordion-heading和accordion-group的addClass()方法添加了新類(accordion-heading-highlight和accordion-group-highlight),但是存在一個問題。Twitter引導程序摺疊:突出顯示選定的摺疊項目

如果我在關閉時單擊了可摺疊項目,它可以正常工作。但是,如果我點擊了一個打開的可摺疊項目,那麼它就是手風琴 - 標題背景顏色無法更改爲原來的顏色。

你可以在這裏測試它:http://jsfiddle.net/uuZAK/

我怎樣才能解決這個問題?

回答

1

這裏有兩種情況,你必須考慮到:如果用戶點擊該活動項目

  1. ,停用
  2. 如果用戶點擊不活動的項目,關閉所有項目,然後激活這個一。

您當前的解決方案無法檢測哪個項目已處於活動狀態。您可以使用$.hasClass函數來檢查您點擊的項目是否已經激活。

這裏有一個分叉的jsfiddle與結果:http://jsfiddle.net/Willyham/6v7Rn/

+0

這種類型的實現中存在一個錯誤。即使打開摺疊,在轉換過程中雙擊任意標題意外地將類刪除回原狀態。 – 2012-07-12 06:27:28

1

您可以在hide綁定和accordion-bodyshow事件的崩潰項設置狀態。雙擊沒有問題。

我重用了Will Demaine的代碼。這裏的演示:http://jsfiddle.net/kXTc6/1/