Bootstrap3手风琴崩溃:如何在顶部显示打开的div?

时间:2013-10-01 10:24:40

标签: jquery html css twitter-bootstrap accordion

我刚刚实施了bootstrap collapse(accordion),效果非常好。 每个元素都有大量数据,因此数据无法从第一个

显示

打开手风琴时,有没有选项可以在顶部显示元素?

打开的div应该是页面的顶部

演示 http://bootply.com/84308

2 个答案:

答案 0 :(得分:2)

您可以捕捉'显示'事件并使用jQuery将选定的面板移动到手风琴中的第一个位置,如下所示..

$('#accordion').on('shown.bs.collapse', function () {

  var openPanel = $(this).find('.in').parents('.panel');
  openPanel.prependTo('#accordion');

});

演示:http://bootply.com/84308

答案 1 :(得分:0)

您可以在内部div中添加“in”类来显示数据。 建议你浏览一下链接 http://getbootstrap.com/2.3.2/javascript.html#collapse

如果这对您的问题没有帮助,请添加更多详细信息。 感谢。