如何扩展和折叠特别选择的div的高度？

Question

要求 - 我想展开并折叠特别选择的div的高度。

当前位置 - 以下是我的HTML代码。我使用*ngfor来显示数据，并使用div来描述数据list.TASKDESC。我使用click方法来增加和减少div的高度。它同时增加和减少每个div高度。

<ion-list no-lines *ngFor="let list of displayList;let i=index;" >

    <ion-item text-wrap *ngIf="list.STATUS=='ACTIVE'" style="padding-left:30px;padding-right:30px;">

      <div (click)="isExpanded = !isExpanded" [style.height]="isExpanded?'auto':'20px'">
        <p style="color: #9DA4AB;font-size: 15px;">{{list.TASKDESC}}</p>
        <hr>
        <p style="color: #9DA4AB;font-size: 10px;">{{list.DEADLINE_DT}}</p>
      </div>
   </ion-item>
</ion-list>

点击

点击