<!-- #docplaster -->
<nav>
  <button type="button" (click)="toggle()">Toggle Open/Close</button>
</nav>

<!-- #docregion callbacks -->
<div
  [@openClose]="isOpen ? 'open' : 'closed'"
  (@openClose.start)="onAnimationEvent($event)"
  (@openClose.done)="onAnimationEvent($event)"
  class="open-close-container"
>
  <!-- #enddocregion callbacks -->
  <p>The box is now {{ isOpen ? 'Open' : 'Closed' }}!</p>
  <!-- #docregion callbacks -->
</div>
<!-- #enddocregion callbacks -->
