How to close uib-accordion from inside with a button click
<p>I would like to close accordion from inside with a button click. I am trying to set <code>isOpen</code> to false but it's not working. Is there any way to close it on button click? Thank you.</p>

<p>Plunker here: <a href="https://plnkr.co/edit/3xMnWRPOoEHPmguaQxd0?p=preview" rel="nofollow">https://plnkr.co/edit/3xMnWRPOoEHPmguaQxd0?p=preview</a></p>

<p></p>

<pre><code>&lt;div uib-accordion-group is-open="isOpen" class="panel-default" heading="{{group.title}}" ng-repeat="group in groups"&gt;
  {{group.content}}
  &lt;button ng-click="close()"&gt;close this&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<pre><code>$scope.groups = [
    {
      title: 'Dynamic Group Header - 1',
      content: 'Dynamic Group Body - 1'
    },
    {
      title: 'Dynamic Group Header - 2',
      content: 'Dynamic Group Body - 2'
    }
  ];


  $scope.isOpen = false;

  $scope.close = function(){
    $scope.isOpen = false;
  }
</code></pre>