title: Animate div from bottom to top instead of top to bottom in jQuery
body: <p>I have a <code>div</code> which animates to its <code>height</code> when triggering a click function:</p>
  
  <pre><code>$('#menu').click(function() {
    $('#test').animate({
        height: 'toggle'
      }, 290, function() {    
    });
  });
  </code></pre>
  
  <p>works good so far. But I want to animate the <code>div</code> from bottom to top and unlike seen in this <a href="http://jsfiddle.net/uWnjx/" rel="nofollow noreferrer">fiddle</a>.</p>
  
  <p>Any solution?</p>