title: jQuery Scale and Fade at the same time
body: <p>So I can make a div to scale nicely from it's center pivot: <a href="http://jsfiddle.net/uTDay/" rel="noreferrer">http://jsfiddle.net/uTDay/</a></p>
  
  <p>However, the transition starts to change when I add in content inside the div: <a href="http://jsfiddle.net/uTDay/1/" rel="noreferrer">http://jsfiddle.net/uTDay/1/</a></p>
  
  <p>Notice that it no longer shrink from center.</p>
  
  <p>I also tried to make it so that it fades out as it starts to shrink with <code>.fadeOut()</code> / <code>.fadeTo()</code> / <code>.animate()</code> but couldn't get it to work.</p>
  
  <p>Basically, what I'd like to achieve is this effect here when you click on the filter options - the way it <code>shrink/grow</code> from its center pivot and at the same time, <code>fade in/out</code>: <a href="http://isotope.metafizzy.co/demos/filtering.html" rel="noreferrer">http://isotope.metafizzy.co/demos/filtering.html</a></p>
  
  <p>Thank you.</p>