<div class="nb-accordion"><div *ngIf="hoverable; then hoverBlock; else clickBlock"></div><ng-template #clickBlock><div class="nb-accordion-panel" *ngFor="let panel of panels; let index = index" (click)="onActivatePanel(index)" [class.nb-accordion-panel-active]="index === activeIndex"><div class="nb-accordion-panel-header"><i class="iconfont icon-right"></i> {{ panel.header }}</div><div class="nb-accordion-panel-content" [@collapseAnimation]="index === activeIndex ? 'active' : 'inactive'">{{ panel.content }}</div></div></ng-template><ng-template #hoverBlock><div class="nb-accordion-panel" *ngFor="let panel of panels; let index = index" (mouseover)="onActivatePanel(index)" [class.nb-accordion-panel-active]="index === activeIndex"><div class="nb-accordion-header"><i class="iconfont icon-right"></i> {{ panel.header }}</div><div class="nb-accordion-content" [@collapseAnimation]="index === activeIndex ? 'active' : 'inactive'">{{ panel.content }}</div></div></ng-template></div>