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()可以执行您想要的操作。

更新：不确定我是否理解正确，但这里是demo。

Answer 2

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

<强>演示：
http://jsfiddle.net/dACjL/

Answer 3

使用slideUp()和slideDown功能。

$('selector').slideUp()点击此处http://api.jquery.com/slideUp/

和$('selector').slideDown()点击此处http://api.jquery.com/slideDown/

使用jquery向下滑动效果

3 个答案: