<!-- #docplaster -->
<nav>
  <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 -->
