I have a accordian menu.when i click on accordion menu expand all menu item

Ionic Framework ionic-v3
1

I have a accordian menu.when i click on accordion menu expand all menu item.but i want open only specific one.
below my code:
shownGroup = null;
toggleGroup(group) {
if (this.isGroupShown(group)) {
this.shownGroup = null;
} else {
this.shownGroup = group;
}
};
isGroupShown(group) {
return this.shownGroup === group;
};
Also Html are given below
<ion-item *ngFor=“let item of userprofileproperties;let i=index” text-wrap (click)=“toggleGroup(i)” [ngClass]="{active: isGroupShown(i)} ">

   {{item.property_name}}
       
<h3>
  Specification
  <ion-icon color="success" item-right [name]="isGroupShown(i) ? 'arrow-dropdown' : 'arrow-dropright'"></ion-icon>
</h3>
<div *ngIf="isGroupShown(i)">{{item.sbu_area}}</div>

this is my screen shot belowavc

2

Please edit your post, it is not very readable at the moment.
Use the </> button above the input field to format your code, command line output or error message (select the text first, then click the button or wrap it in ``` manually). Check the preview if it looks better. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.