title: Slide up/down effect with ng-show and ng-animate
body: <p>I'm trying to use <code>ng-animate</code> to get a behavior similar to JQuery's <code>slideUp()</code> and <code>slideDown()</code>. Only I'd rather use <code>ng-show</code></p>
  
  <p>I'm looking at the ng-animate tutorial here - <a href="http://www.yearofmoo.com/2013/04/animation-in-angularjs.html">http://www.yearofmoo.com/2013/04/animation-in-angularjs.html</a>,</p>
  
  <p>and I can reproduce the fade in/out effect in the example provided.</p>
  
  <p>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.</p>