title: Fade in and move
body: <p>I want a simple div to fade in and move simultaneously. Suppose there is a hidden image at the top and when I click a buton the image should come in the center of the page with fading in effect.</p>
  
  <p>but for me it fades in first and then starts moving...</p>
  
  <pre><code>        $('#shelf').fadeIn('fast').animate({
              'bottom': '54%'
              }, 'slow', function() {
              // Animation complete.
          });
  </code></pre>