jQuery - 动画可折叠DIV,向上滑动?

Sti*_*sen 3 html jquery

当用户单击按钮时,我正在使用此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#
Run Code Online (Sandbox Code Playgroud)

对不起我的蹩脚解释,但我希望你理解:P

谢谢!

Eva*_*que 7

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

这是一个例子