UI-Bootstrap多个可折叠

Question

通常可折叠的例子是......

<div ng-controller="CollapseDemoCtrl">
<button class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
<hr>
<div collapse="isCollapsed">
    <div class="well well-lg">Some content</div> 
</div>

这......

angular.module('ui.bootstrap.demo').controller('CollapseDemoCtrl', function ($scope) { 
  $scope.isCollapsed = false; 
});

但是，如果你有多个可折叠并想要只折叠一个呢？此示例将打开或关闭所有这些。

Answer 1

评论中给出了答案。然而把它写成答案。

使用angular ui accordion代替多个可折叠面板。