jquery - 引导折叠不起作用

Question

我正在使用 twitter bootstrap collaspe 来实现 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 也没有显示。有谁知道为什么？在此先感谢您的帮助！

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>