How to set up the Accardion so that when it opens it closes the other one?

Question

Angular

How to set up the Accardion so that when it opens it closes the other one?
Now they are all unfolding.

<div class="content-block-title">List View Accordion</div>
<div class="list-block accordion-list">
  <ul ng-repeat="movie in movies">
    <li class="accordion-item">
      <a href="#" class="item-content item-link">
        <div class="item-inner">
          <div class="item-title">{{movie.title}}</div>
        </div>
      </a>
      <div class="accordion-item-content">
        <div class="content-block">
          <p>{{movie.synopsis}}</p>
        </div>
      </div>
    </li>
  </ul>
</div>

Answer 1

I suppose ng-repeat builds an accordion?
Then ng-class="'opened': openedId == $index"
And on click on the link hang ng-click="openedId=$index"