0

假设我有一个有数据的 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 实现它。如果可能的话，用示例代码指导我。谢谢

4

3 回答 3

2

已经有本机功能.slideUp()并且.slideDown()可以执行您想要的操作。

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

于 2012-05-02T19:13:52.997 回答
1

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

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

于 2012-05-02T19:40:48.227 回答
0

用途slideUp()和slideDown功能。

$('selector').slideUp()检查这里http://api.jquery.com/slideUp/

并$('selector').slideDown()在这里查看http://api.jquery.com/slideDown/

于 2012-05-02T19:16:06.413 回答