demo

Question

我想通过向上滑动来隐藏元素。例如，请参阅此演示：

http://jsfiddle.net/HHgJU/

当红色框向上滑动，高度减小时，你会注意到它下面文本的位置不会改变，直到幻灯片完成并且红色框是“display：none”。

相反，我希望文本向上移动以占用页面中现在可用的空间，因为红色框的高度继续减小。

我该怎么做？

最终，我试图向左滑动隐藏，同时同时将其不透明度淡出为0。除了回答我的问题之外，如果你能告诉我如何做到这一点，可以获得奖励积分：）

Answer 1

您是否可以使用.slideUp()^(link)？

$("div").slideUp(1000);

Answer 2

我updated your fiddle (click here)带有高度的手动动画，可以完全按照您的描述进行操作。基本上，我使用.animate()方法将高度设置为0px，然后在回调中更改display:none。随着高度的缩小，下面的文字会向上滑动。

这是一个updated fiddle (click here)你的红利问题。而现在只是动画宽度和不透明度。