bootstrap崩溃不起作用

时间:2013-04-27 15:19:40

标签: jquery twitter-bootstrap

我使用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也没有显示。谁知道为什么?在此先感谢您的帮助!

1 个答案:

答案 0 :(得分: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>