角形手风琴-多个打开的组

Question

is it possible to open more groups at the same time. Now, if I click on some group and expand it, all others are getting collapsed. I want to see more expanded groups at the same time.

   <accordion>
        <accordion-group heading="{{condition.name}}" ng-repeat="condition in conditions" is-open="condition.isOpen" data-ng-click="setCategoryStatus(condition)">
            <li ng-repeat="item in condition.items">
                    <div>{{item.description}}</div>
            </li>
        </accordion-group>
    </accordion>

Controller:

      $scope.setCategoryStatus = function (category) {
          var index = $scope.conditions.indexOf(category);
          $scope.conditions[index].isOpen = !$scope.conditions[index].isOpen;
      };

Data:

    [
{
    "name": "First",
    "isOpen":true,
    "items": [
        {
            "id": 1,
            "description": "Some desc",

        },
        {
            "id": 2,
            "description": "Some desc  2",
        }
    ]
},
{
    "name": "Second",
    "isOpen":true,
    "items": [
        {
            "id": 1,
            "description": "Some desc",

        },
        {
            "id": 2,
            "description": "Some desc  2",
        }
    ]
}

Answer 1

It's in the docs , use the close-others attribute, which can be true or false:

<accordion close-others="false">
    <accordion-group heading="{{condition.name}}" ng-repeat="condition in conditions" is-open="condition.isOpen" data-ng-click="setCategoryStatus(condition)">
        <li ng-repeat="item in condition.items">
                <div>{{item.description}}</div>
        </li>
    </accordion-group>
</accordion>