title: JQuery slider: slide down the whole page
body: <p>The source code is here: <a href="http://jsfiddle.net/JAXKN/1/" rel="nofollow">JSfiddle</a></p>
  
  <pre><code>$(document).ready(function () {
  $("#slide-link").click(function ()
     {
       $("#slider").hide("slide", { direction:"down" }, 1000);
     });
  });
  </code></pre>
  
  <p><strong>The problem is:</strong>
  How to make "Click here" link to fall down with that green block and stayed on the very bottom (green block disappeares, "click here" link stays on the bottom)?
  Once "Click here" pressed the second time (on the very bottom), everything goes up (the second click on the link eliminates the first click). As result, there are no changes on the page after two clicks.</p>