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

我使用这个jQuery脚本动画一个div来开启/关闭并当用户点击一个按钮： http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm jQuery - 动画可折叠DIV，向上滑动？

有没有什么办法让它向上滑动，不降反升？

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

布拉赫，我觉得很难形容。

例子：

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

谢谢！

来源

2012-07-19 Stian Berg Larsen

结帐我张贴的例子，如果是不是你的意思请多解释一下 – 2012-07-19 08:33:23

好解释:)一个解决方案是在幻灯片打开时更改div的顶级属性，所以当它滑落时，顶级属性发生变化，并获得div。非常简单的解决方案 – 2012-07-19 09:06:34

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

，这是一个example

来源

2012-07-19 08:22:09

对不起。该功能起作用，并通过向上/向下滑动div来隐藏/取消隐藏。但是，我想让div向上打开。这样按钮就会向上滑动，并且内容将从按钮的位置以及向上显示。默认值是：当你点击按钮时，div向下打开。这是否更有意义？对不起=/ – 2012-07-19 08:41:51

假设你有这个div（隐藏，带有内容）和一个触发显示/隐藏效果的按钮，分配给另一个包装div的底部。当你点击按钮打开div时，我希望上面的内容向上移动，为div腾出空间，而不是div扩展到包装divs限制（向下，重叠内容如下）... – 2012-07-19 08:43:29

如果您检查在我发布的页面中输出示例5，可以看到我想要的效果。当您先单击示例4，然后单击示例5的切换按钮时，按钮和内容向上，而不像其他示例那样向下。（例5是一组，我只用1，所以没有我的组） – 2012-07-19 08:47:43

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

回答

相关问题