<div class="entries" *ngFor="let entry for entries">
<div class="entry">
<h2 (click)="toggle(entry.id);">{{ entry.title }}</h2>
<div id="entry_{{ entry.id }}">
{{ entry.body }}
</div>
</div>
<div class="entry">
<h2 (click)="toggle(entry.id);">{{ entry.title }}</h2>
<div id="entry_{{ entry.id }}">
{{ entry.body }}
</div>
</div>
</div>
Вывожу список элементов. в каждом есть текстовый блок какой изначально должен быть скрыт.
Нужно переключать видимость текстового блока отдельного элемента по нажатию на его заголовок.
подскажите какие есть варианты, желательно с анимацией.
сделал вот так
<h2 (click)="project.desc_show=item.desc_show ? false : true;">TITLE</h2>
<div *ngIf="item.desc_show">desc</div>