logo标签列表

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

jqueryhtml
3
我正在使用这个jQuery脚本来实现当用户点击按钮时，动画打开/关闭一个div： http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm 有没有办法让它向上滑动而不是向下滑动？
我的意思是：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
谢谢！
请查看我发布的示例，如果那不是你想要的，请进一步解释。 - Evan Lévesque
很好的解释 :) 一个解决方案是在打开滑块时更改 div 的顶部属性，因此当它向下滑动时，顶部属性会改变并将 div 向上移动。非常简单的解决方案，也许！ - Saeed-rz
1个回答
8
抱歉。该函数有效，并且通过向上/向下滑动div来隐藏/显示。但是，我希望div向上打开。这样按钮就会向上滑动，内容将从按钮所在的位置向上显示。默认情况下：单击按钮时，div向下打开。这样更有意义吗？抱歉 =/ - Stian Berg Larsen
假设您有一个包含内容的隐藏div和一个按钮来触发显示/隐藏效果，该按钮与另一个包装div的底部对齐。当您单击打开div的按钮时，我希望上面的内容向上移动以为div腾出空间，而不是div超出包装div的限制（向下重叠下面的内容）... - Stian Berg Larsen
如果您查看我发布的页面上的示例5，您可以看到我想要的效果。当您首先单击示例4，然后单击示例5的切换按钮时，按钮和内容向上移动，而不是像其他示例那样向下移动。（示例5是一个组。我只使用1个，因此对我来说没有组） - Stian Berg Larsen
抱歉，我不擅长解释。如果您现在查看您的示例。当您点击“显示”时，绿色框向下滑动以显示红色框。我想要的是，绿色框保持原位，蓝色框变小以为扩展的红色框腾出空间。 （显然，必须有足够的空间。但我已经留出了空间，以便它可以扩展而不破坏上面的内容。） - Stian Berg Larsen
让我们在聊天中继续这个讨论：http://chat.stackoverflow.com/rooms/14123/discussion-between-ayman-jitan-and-stian-berg-larsen - Evan Lévesque
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接