2013-04-27 57 views
0

我正在使用twitter bootstrap collaspe來實現collaspe效果。我的代碼如下bootstrap collaspe不工作

<h5 class="text-grey" data-toggle="collaspe" data-target="#color">  
    Filter By Color 
</h5> 
<div class="collapse in" id ="color"> 
    TEST 
</div> 

bootstrap js和css已包含在內。

在文件準備好我加了這個

$(".collapse").collapse('show'); 

但H5無法點擊,我的DIV沒有顯示爲好。有人知道爲什麼先謝謝您的幫助!

+1

bootstrap.js依賴於jQuery的。你有沒有把它包含在引導參考和顯示的方法之前的頁面上? – 2013-04-27 15:32:47

+1

你錯誤鍵入了'data-toggle =「collaspe」'它應該是'data-toggle =「collapse」'see:'http://jsfiddle.net/Asrr3/。投票結果太過本地化...... – nemesv 2013-04-27 15:36:41

回答

1

問題是與你的拼寫data-toggle="collaspe"應該"collapse"

入住這http://jsfiddle.net/jaBaD/

只是刪除"in"把它顯示出來先起來。試試這個: -

撥弄手風琴組http://jsfiddle.net/M9AQh/

<h5 class="text-grey" data-toggle="collapse" data-target="#color">  
    Filter By Color 
</h5> 
<div class="collapse in" id ="color"> 
    TEST 
</div>