2011-09-14 13 views
3

こんにちは私はJqueryを使用して私のウェブサイト上のdivにいくつかの効果を追加しようとしています。私はロード時にいくつかの要素を展開したい、そして、ユーザーがページを離れるときに、divsを開き、反対の方法で閉じることを望みます。私の問題は、アニメーションの再生(オープニングとクローズの両方)が行われるときに、テキストが新しい行に表示されているように見え、ボックスが小さくなっているときに、どうやってそれを止めるのですか?Jqueryアニメーション中にテキストの移動を停止するにはどうすればよいですか?

私はこのウェブサイトを参照してください 例3(左折りたたむ)にあなたの一例を示すことができる - これを達成するための方法があり

http://www.adipalaz.com/experiments/jquery/expand_collapse_different_directions.html

+0

とどのように彼らはWebページを閉じて(あるいは、それはAJAXサイト内のコンテンツの移行のためのアニメーションである)ときのアニメーションを待つためにユーザーを強制的に計画していますか? – zzzzBov

+1

_margins_に_width_の代わりに5と6のようなアニメーションを付けます。 – stealthyninja

答えて

4

テキストの移動に注意してください。オブジェクトごとにinnerouterのコンテナが必要です。 innerコンテナを左右に移動し、outerコンテナのoverflowプロパティをhiddenに設定します。

Check out this demo

+0

を右にスライドさせると 'left:-200px"から 'left:" + 200px "'に変更されます – rlemon

関連する問題