用jQuery滑动效果

Question

假设我有一个有数据的div。 我想在单击按钮时创建一个新的div，它会覆盖实际的div，例如向下快门。 这是我从一个非常接近的站点获得的示例代码，但不是我想要的方式。

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

检查上面代码的演示http://www.learningjquery.com/2008/02/simple-effects-plugins只需转到站点并单击盲切换按钮即可查看我想要的东西。 我想要何时单击按钮，然后将创建一个新的div，新的div将使用向下滑动效果覆盖实际的div，当我再次单击时，新的div将向上滑动。如何使用jquery实现它。 如有可能，请指导我提供示例代码。 谢谢

Answer 1

已经有本机函数.slideUp()和.slideDown()您的需求。

---

更新：不确定我是否理解正确，但这是一个演示 。

Answer 2

您提供的链接几乎已经为您提供了代码。 您只需要进行一些调整。

演示 ：
http://jsfiddle.net/dACjL/

Answer 3

使用slideUp()和slideDown函数。

$('selector').slideUp()在此处检查http://api.jquery.com/slideUp/

和$('selector').slideDown()在此处检查http://api.jquery.com/slideDown/