What could be causing the issue where [@fadeInOut] only works on the initial page load when toggling isExpanded to hide or show content? Due to [@fadeInOut], the content stops showing up. Any thoughts on what might be causing this and any alternative solutions or fixes would be greatly appreciated. Thank you.
#htmlt code
<div *ngIf="isExpanded" [@fadeInOut]>
<ng-content select="[Content]"></ng-content>
</div>
#ts
trigger('fadeInOut', [
state('0, void', style({
opacity: 0
})),
state('1, *', style({
opacity: 1
})),
transition('1 => 0', animate('10ms ease-out')),
transition('0 => 1', animate('100ms ease-in')),
transition('void <=> *', animate('200ms ease-in'))
]),