jQuery：幻灯片效果/补间幻灯片选项

Question

我想通过向上滑动来隐藏元素。例如，看到这个演示：

http://jsfiddle.net/HHgJU/

当红色框向上滑动时，高度降低，你会发现，它下面的文本的位置不会改变，直到幻灯片完成，红色框是“显示：无”。

取而代之的是，我希望文本向上移动以获取现在可用的页面中的空间，因为红色框的高度会继续减小。

我该怎么做？

最终，我试图向左滑动以隐藏，同时将其不透明度降低到0。奖励积分，如果你可以告诉我如何做到这一点除了回答我的问题:)

Answer 1

我updated your fiddle (click here)与高度的手工动画做你描述的到底是什么。基本上，我使用.animate()方法将高度设置为0px，然后在回调中更改display:none。下面的文字随着身高的缩小而下滑。

这是一个updated fiddle (click here)与您的奖金问题。现在只需制作宽度和不透明度的动画。

而作为额外的奖励，here's both together!

Answer 2

是否有可能使用.slideUp()^(link)？

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

demo