slide down effect with jquery
<p>suppose i have one div which has data. i want when i will click on a button then a new div will be created and which will cover the actual div like shutter down. here is sample code i got from a site which is very close but not the way i want.</p>

<pre><code>    $(document).ready(function() {
  var $box = $('#box')
    .wrap('&lt;div id="box-outer"&gt;&lt;/div&gt;');
  $('#blind').click(function() {
    $box.blindToggle('slow');  
  });    
});
</code></pre>

<p>check the demo of above code <a href="http://www.learningjquery.com/2008/02/simple-effects-plugins" rel="nofollow">http://www.learningjquery.com/2008/02/simple-effects-plugins</a>
just go to site and click on blind toggle button just to see how i want the things.
i want when button will be click then a new div will be created and the new div will cover the actual div with slide down effect and when i will click again then new div will slide up.how to implement it using jquery. guide me with sample code if possible. thanks</p>
