title: Show div and move to top of page
body: <p>At the moment I'm only showing/hiding the div box when I click the button:</p>
  
  <pre><code>$j('#button').click(function () {
     $j('#box').slideToggle();
     return false;
  });
  </code></pre>
  
  <p>But I would like to move the box to the top of the page as well when it's shown and then just hide it when clicked again. the code below doesn't seem to work:</p>
  
  <pre><code>$j('#button').click(function () {
     $j('#box').slideToggle();
     $j('html').animate({
        scrollTop: $j('#box').offset().top
     },400);
     return false;
  });
  </code></pre>
  
  <p>Am I doing something wrong?</p>