$(function() {
var active = true;
$('#collapse-init').click(function() {
if (active) {
active = false;
$('.panel-collapse').collapse('show');
$('.panel-title').attr('data-toggle', '');
$(this).text('Enable accordion behavior');
} else {
active = true;
$('.panel-collapse').collapse('hide');
$('.panel-title').attr('data-toggle', 'collapse');
$(this).text('Disable accordion behavior');
}
});
$('#accordion').on('show.bs.collapse', function() {
if (active) $('#accordion .in').collapse('hide');
});
});
.panel-title:hover {
cursor: pointer;
}
Disable accordion behavior
data-toggle="collapse"
data-target="#collapseOne">
Collapsible Group Item #1
Anim pariatur cliche reprehenderit,
enim eiusmod high life accusamus terry richardson ad squid.
data-toggle="collapse"
data-target="#collapseTwo">
Collapsible Group Item #2
Anim pariatur cliche reprehenderit,
enim eiusmod high life accusamus terry richardson ad squid.
data-toggle="collapse"
data-target="#collapseThree">
Collapsible Group Item #3
Anim pariatur cliche reprehenderit,
enim eiusmod high life accusamus terry richardson ad squid.
Find documentation: Bootstrap Collapse Usage
Fork This Skeleton Here Bootrsap 3.0 Skeleton