title: Smooth animation when ember view is inserted/removed from DOM
body: <p>I use many custom views in my Ember app, that are dynamically inserted or removed from the DOM.</p>
  
  <p>Everything works fine, except that I would like to use a smooth jquery animation when a view is inserted or removed. For example, I have this view:</p>
  
  <pre><code>&lt;div id="container"&gt;
      {{#if App.slideShow}}
          {{view App.SlideShowView}}
      {{/if}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Normally container's height is 0px, and it changes adapting to the view's height; but when the view is inserted, it happens suddenly. I would like something like:</p>
  
  <pre><code>$('#container').slideDown(300);
  //now the view should became visible
  </code></pre>
  
  <p>and when the view is removed i would like something like:</p>
  
  <pre><code>//the view becomes invisble
  $('#container').slideUp(300);
  </code></pre>
  
  <p>What is the best way to set up this kind of animations in Ember?</p>