在Angular 4中使用toggle子组件创建组件

Question

我正在尝试创建一个具有倍数div的组件html和一些div在你按下按钮时向下切换，如下面链接中的jQuery toggle（）方法：https://www.w3schools.com/jquery/eff_toggle.asp 我尝试了图像下面的图像，但它不起作用（我使用PrimeNg库，但我相信它可以没有）。 根据图像（抱歉，这是一个非常可耻的，但只是为了例子）所以我想当我点击按钮1,2,3,4或5它打开div然后如果我再次点击我缩小了div。不使用JQuery的最佳方法是什么？

Appliv2Component.ts：

export class AppliV2Component   { 


   @ViewChild('DisplayChildComponent') private changeComponent: DisplayChildComponent;

}

  display() {
        this.changeComponent;
        }

Appliv2Component.html：

<button pButton class="daydetail" type="button" label="Click" icon="fa-chevron-up" (onClick)="display()"></button>