jquery - ブートストラップコラスペが機能しない

Question

collaspe 効果を実現するために、twitter ブートストラップ collaspe を使用しています。私のコードは以下の通りです

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

ブートストラップ js と css は既に含まれています。

ドキュメントの準備ができたら、これを追加しました

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

しかし、h5 はクリックできず、私の div も表示されません。誰でも理由を知っていますか？助けてくれてありがとう！

Answer 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>