似乎引导崩溃插件没有完全实现手风琴。它仅针对单击的元素切换折叠的 css 类。
$(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) {
var $this = $(this), href
, target = $this.attr('data-target')
|| e.preventDefault()
|| (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
, option = $(target).data('collapse') ? 'toggle' : $this.data()
// this line
$this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
$(target).collapse(option)
})
UPD要解决此问题,您只需找到所有切换按钮并对它们执行相同的操作:
$(document).on('click.collapse.data-api', '.accordion-toggle', function(event) {
var $this = $(this),
parent = $this.data('parent'),
$parent = parent && $(parent);
if ($parent) {
$parent.find('[data-toggle=collapse][data-parent=' + parent + ']').not($this).addClass('collapsed');
}
});
并且不要忘记添加accordion-group
类。
http://jsfiddle.net/NBcmh/29/ http://jsfiddle.net/NBcmh/29/