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

ありがとう!

4

1 に答える 1

7

JQueryのslideUpを使用して要素を非表示にしたり、JQueryのslideDownを使用して要素を表示したりできます。また、 JQueryのslideToggleを使用して要素を切り替える
こともできます。

これは一例です

于 2012-07-19T08:22:09.053 に答える