Angular / Bootstrap-效果折叠只需单击一下即可打开和关闭

Question

我希望在更改下面的滑块中的项目时执行折叠效果。当我更改项目时，我得到了服务，各种信息重新加载了我的子组件（执行ngFor）。我想对项目更改进行关闭和打开操作。在bootsrap文档中，我必须单击以关闭，然后单击另一个。只需单击一下就可以执行打开和关闭正在渲染的div的事件吗？

我正在使用ng5-slider组件

Slider中的HTML

<ng5-slider [(value)]="value"  (valueChange)="ServiceItem()" [options]="options"></ng5-slider>

在滑块导航期间更改中呈现的div

<div id="collapseExample">
    <div *ngFor="let itemLinhas of itens" class="card-block g-pa-0">
        <app-gridcoberturas [itensProdutos]="itemLinhas"></app-gridcoberturas>
    </div>    
  </div>

my code