jQuery - 动画可折叠DIV，向上滑动？

Question

当用户点击按钮时，我正在使用此jQuery脚本为div打开/关闭动画： http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

有没有办法让它向上滑动而不是向下滑动？

我的意思是：不是向下打开DIV（延伸它下面的区域），它是否有可能将内容扩展到它上面，以便它不会向下延伸？

Blarh，我发现很难形容。

示例：

Before:
1###TOP OF PAGE###
2#################
3#################
4#################
5#################
6######BUTTON#####
7###HIDDEN DIV####
8##BOTTOM OF PAGE#

After:
1###TOP OF PAGE###
2#################
3######BUTTON#####
4#####OPEN DIV####
5####CONTENT######
6####CONTENT######
7####CONTENT######
8##BOTTOM OF PAGE#

Instead of like this, as default:
1###TOP OF PAGE###
2#################
3#################
4#################
5#################
6######BUTTON#####
7#####OPEN DIV####
8####CONTENT######
9####CONTENT######
10###CONTENT######
11#BOTTOM OF PAGE#

对不起我的蹩脚解释，但我希望你理解：P

谢谢！

Answer 1

您可以使用JQuery slideUp隐藏元素，或使用JQuery slideDown显示元素，也可以使用JQuery slideToggle来切换元素

这是example