如何使用angular2手风琴作为可折叠面板

Question

我有手风琴，手风琴我需要用可折叠面板格式制作动画，请任何人帮我用angular2手风琴做这种动画。

我在这里分享我的HTML代码： 我有手风琴，手风琴我需要以这种格式制作动画，

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_collapsible_panel&stacked=h

任何人都可以帮助我用我的手风琴做这种动画：

    <div class="container-fluid">
    <div class="today col-lg-9 col-md-12 col-sm-12 col-xs-12">
    <div *ngFor="let group of groups">
    <accordion>
    <accordion-group #groupUser class="outer admin access">
    <div accordion-heading>
    {{group.group.groupName}}
   <i class="pull-right" [ngClass]="{'closeArrowGray': groupUser?.isOpen, 'openArrowGray': !groupUser?.isOpen}"></i>
  </div>
 <div>
 <table class="table table-hover">
  <thead style="color:#00bcd4;font-size:20.24px;">
  <tr>
  <th class="page">Page</th>
  <th class="view">View</th>
  <th class="permision">Permission</th>
  </tr>
   </thead>
  <tbody class="table_body accssBody" style="font-size: 15px;">
   <tr *ngFor="let page of group.pages">
   <td class="accessLabel">
   {{page.viewName}}
   </td>
   <td>
   <md-slide-toggle  style="width: 40px;margin: 0 auto;"></md-slide-toggle>
    </td>
  <td>
 <md-slide-toggle *ngIf='page.view_permission == true'></md-slide-toggle>
</td>
</tr>
 </tbody>
     </table>
      </div>
       </accordion-group>
       </accordion>
         </div>
         </div>
         </div>