jquery - 单击时将容器中的内容向下推送，将内容加载到显示 Jquery 的空间中

Question

我有一个装满内容的容器。我试图点击一个按钮，然后将所有内容向下推，比如 700px。一旦内容被下推，一个新页面就会加载到现在显示的空间中，因为内容被下推了。我还想按下同一个按钮来反向播放动画，在卸载新加载的内容的同时向上推内容。

我如何使用 jquery 来做到这一点？

Answer 1

查看 jquery Effects and Manipulation API

http://api.jquery.com/category/effects/

http://api.jquery.com/category/manipulation/

这些步骤应该足够了

1. 在您当前的内容 DIV 上插入一个空 DIV。
2. 使用 CSS 将内容 DIV 向下移动(通过添加上边距)或向空 DIV 添加下边距
3. 用内容填充您的新 DIV
4. 如果要反转它，只需删除添加的边距即可。