AngularJS CSS Slide Animation

Animating the slide with angular requires more lines of CSS to define/override all of ng-animate's required classes for showing and hiding an element. Unlike the pure CSS approach, it requires a separate animation for sliding up and down. I couldn't figure out a better way to allow the same animation reversing functionality.