title: How to open a div with slideUp in jquery with scroll bar down
body: <p>My title may not understand to all. Here is my question:</p>
  
  <p>I have sticky footer strip bottom of the page with a button beside to it. when I click the button, I need to show a mega footer with sliding. I'm successful till here. but my question is when I show mega footer, the scroll bar stays at the same location. I wanted the scroll bar to stick bottom (focus on footer strip.)</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div class="body-container"&gt;
      &lt;div class="my-content"&gt; &lt;span&gt; Body Wrapper&lt;/span&gt;&lt;/div&gt;
      &lt;div class="footer-strip"&gt;Mini-footer-strip &lt;/div&gt;
      &lt;button id="show2"&gt;Click here&lt;/button&gt;
      &lt;div id="two"&gt;    
         Mega Footer Menu
      &lt;/div&gt;
      &lt;div style="clear:both;"&gt; &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$('document').ready(function() {
      $('#show2').click(function() {
          $('#two').slideToggle();
      });
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
      font-family: Helvetica, Arial, sans-serif;
  }
  .body-container{width:90%; display:block;height:auto;position:absolute;}
  .my-content{
      height:600px;
      display:block;
      width:400px;
      position:relative;
      top:0;
      background-color:#ecdeca;}
  
  div {
      background-color: #fff9d7;  
      border: 1px solid #e2c822;  
      color: #333333;  
      font-size: 13px;  
      font-weight: bold;  
      display: none;
      padding: 10px;
  } 
  #two {
      position:relative;
      bottom: 0;
      width: 70%;
      height: 200px;
  }
  #show2{
      position:absolute;
      right:0;
      bottom:0;
      z-index:9999;
  }
  
  .footer-strip{
      height:20px;
      display:block; 
      position:absolute;
      bottom:0;
      background-color:#eacdea;
      width:70%;
      z-index:9999;
  }
  </code></pre>
  
  <p>Hope my question is clear. :D </p>
  
  <p><a href="http://jsfiddle.net/srikanth_naalla/j23vc3kh/1/" rel="nofollow">FIDDLE</a></p>