title: Resize div onclick of another div, transition effect
body: <p>Hey guys. Basically I have 2 divs. When I click .menu (The grey bar), .sort (The orange bar) resizes in height. I've done this using jQuery. The problem is, it does it without any nice transitions. It doesn't slide, it doesn't fade..nothing. It just pops down.</p>
  
  <p>Here's a JSFiddle of what I mean. <a href="http://jsfiddle.net/KhcvR/" rel="nofollow">http://jsfiddle.net/KhcvR/</a></p>
  
  <p>Can someone possibly help me so that it slides down rather than pops? My jQuery knowledge is super limited. Cheers.</p>