Javascript UI引导多个可折叠文件

通常的可折叠示例如下所示

<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; 
});