title: JQuery Div expand and scroll to bottom
body: <p>im using jquery to expand a div when a button is clicked, here is the button code:</p>
  
  <p><code>&lt;input type="button" value="Reply" onclick="jQuery('#replycont').slideToggle()"</code> /></p>
  
  <p>and then obviously the actual div:</p>
  
  <pre><code>&lt;div id="replycont" style="display:none; border:1px #000000 solid; padding:10px;"&gt;
  &lt;form method="post" action="index.php?id=viewticket&amp;seq=&lt;?php echo $_GET["seq"]; ?&gt;#updates_bottom" enctype="multipart/form-data" class="form-stacked"&gt;
          &lt;div class="control-group"&gt;
              &lt;label class="control-label bold" for="message"&gt;Message&lt;/label&gt;
              &lt;div class="controls"&gt;
                  &lt;textarea name="ticket_update" id="ticket_update" rows="12" style="width:100%;"&gt;&lt;/textarea&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;p&gt;&lt;input type="hidden" name="ticketnumber" id="ticketnumber" value="&lt;?php echo $_GET["seq"]; ?&gt;" /&gt;
      &lt;input type="submit" name="addupdate" id="addupdate" value="Submit" /&gt;&lt;/p&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the button is at the top of the page and then the div is down the bottom, what would be the best way to make the page scroll to the bottom so the div is visible as well as the button expanding the div?</p>