Как настроить Аккардион так, чтобы открываясь он закрывал другой?

Question

[Dmitriy Vasilyev]

Как настроить Аккардион так, чтобы открываясь он закрывал другой?
Сейчас разворачиваются все разом.

<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

[Alex]

Небось ng-repeat строится аккордион?
Тогда ng-class="'opened': openedId == $index"
А на клик по ссылке повесьте ng-click="openedId=$index"

Comments

[Dmitriy Vasilyev]

Верно ng-repeat
Поставил. Все по прежнему.
ul ng-repeat="movie in SanskritGame" ng-class="'opened': openedId == $index"
a href="#" class="item-content item-link" ng-click="openedId=$index"
paste.ofcode.org/fpwNsBV7ZzxZYeNHU5MKvP

[Alex]

Dmitriy Vasilyev: а если внизу вывести {{openedId}} Что показывает? Ошибок в консоли нет?

[Alex]

Dmitriy Vasilyev: А блин, а открытие закрытие кто делает? Я чет решил что класс opened отвечает за открытие. Надо css для класса opened сделать

[Dmitriy Vasilyev]

Syntax Error: Token ':' is an unexpected token at column 9 of the expression ['opened':] starting at [{4}]

[Alex]

Скобки пропустил ng-class="{'opened': openedId == $index}"

[Dmitriy Vasilyev]

Alex: в консоли ошибок нет, а вот аккордеон ведет себя как и прежде
paste.ofcode.org/fpwNsBV7ZzxZYeNHU5MKvP

[Alex]

Dmitriy Vasilyev: Вам весь код написать?