title: $("html").animate({ scrollTop: $(document).height() }, "slow"); if it's at the bottom don't scroll it
body: <p>I have three buttons which have hidden divs, when i click on one i want the content to scroll to the bottom, then when i click another I want the page to stay where it is but load the new content. </p>
  
  <p>I've tried variables and if statements </p>
  
  <pre><code>var i=0;
  $('#link-slide13').click(function(){
          if (i==0){//nothing's been scrolled
              $("html").animate({ scrollTop: $(document).height() }, "slow");
              i=1;
  
          }else{
              //don't do anything
          }
  });
  </code></pre>
  
  <p>Any ideas? 
  Thanks for the answers!</p>
  
  <p>Edit: Sorry i don't really think i've explained myself, 
  <a href="http://ephemurl.com/4w/5ws" rel="nofollow">http://ephemurl.com/4w/5ws</a> here, is what I have at the minute, the last 6 sections bounce to scroll to the bottom of the document, but i want this to only happen once and then for the next 5 clicks don't animate because you're already there...</p>