title: Animation for adding DOM elements with jQuery
body: <p>At the moment I'm adding elements to a page on a <a href="http://docs.jquery.com/Events/click" rel="noreferrer"><code>click</code></a> event using <a href="http://docs.jquery.com/Manipulation/after" rel="noreferrer"><code>after</code></a>. I'd like to animate this in some way so the new elements don't suddenly appear out of nowhere.</p>
  
  <p>I'm not bothered what animation method is used as long as it shows to the user what is happening when they click.</p>
  
  <p>I've never used animation in jQuery before and have only really found examples for working with existing DOM elements. <strong>What pattern should be used for animating the creation of new elements in jQuery?</strong></p>