[問題] bootstrap collapse

[john110290 (KenMin)]

http://jsfiddle.net/79tv5aua/

上面是範例

我想做的效果是透過按鈕控制collapse

規則是當 showA 被按下去時

會依序執行

1. collapse hide B or C

2. hide B or C

3. show A

4. collapse show A

造成一個動畫效果

其他按鈕也以此類推



但是不知道為什麼會有bug

控制不是很精確  有時候會同時打開兩個(showB -> showA -> showC 就可以玩壞)

找半天找不出原因orz

謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.27.169
※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1408776869.A.9F6.html
→ MangoTW: 不用這麼複雜，show的時候先hide掉全部就好了
→ john110290: 因為想作動畫效果，必須寫在callback
→ tck01: 你這樣寫on，那他每一次if條件成立就會綁一次那個on事件
→ tck01: 我沒看很仔細，不過我猜是因為這樣，所以你按鈕多點個幾次
→ tck01: 之後他的hidden.bs.collapse事件就開始互相干擾了
→ john110290: 我懂了! 要把事件off掉  O_O
→ john110290: 感謝樓上點出問題  已解
推 iamnodoubt: 其實一樓簡單一句話就講出重點訣竅
→ iamnodoubt: http://mukiwu.github.io/kp-taipei/index.html
→ iamnodoubt: 你看他tab怎麼寫,程式碼短乾淨又清楚