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 而不是多个可折叠面板。