Slide up/down effect with ng-show and ng-animate

[Tony França]

Hi folks

I posted this question on stackoverflow (pasting it here, just to spare you a click):

http://stackoverflow.com/questions/16677304/slide-up-down-effect-with-ng-show-and-ng-animate

I'm trying to use ng-animate to get a behavior similar to JQuery's slideUp() and slideDown(). Only I'd rather use ng-show
I'm looking at the ng-animate tutorial here - http://www.yearofmoo.com/2013/04/animation-in-angularjs.html,
and I can reproduce the fade in/out effect in the example provided.
How could I change the css to get slide up/down behaviour? Also, if possible, it's better that the css doesn't know about the component height in pixels. That way I can reuse the css for different elements.

Thanks in advance!

Tony