title: Possible to animate jQuery prepend?
body: <p>I am prepending some data to my page on a button click and instead of just populating immediately on the page, I was wondering if there is a way to animate the <code>prepend()</code> using <code>slideToggle</code> or CSS animation.</p>
  
  <p>Here is my current script:</p>
  
  <pre><code>var data = $('.data').html();
  var insert = '&lt;div class="data-container"&gt;'+ data +'&lt;/div&gt;';
  $('button').click(function(){
      $('.data-container').remove();
      $('.initial').prepend(insert);
  });
  </code></pre>
  
  <p>and a <a href="http://jsfiddle.net/ad8UG/" rel="noreferrer">JSFiddle</a></p>