jquery - animate を使用して別の div を分割する

Question

例ではdivを使用しましたが、右から左へ、次に左から右へスライドするような写真が必要ですが、できません。アニメーションが別の上にないということです...

HTML

<div id="slider">
    <div id="background">1</div>
    <div id="logo">2</div>
</div>

jQuery

$("#background").animate({
    marginLeft: "500px",
}, 1000);
$("#logo").animate({
    marginRight: "500px",
}, 500);

http://jsfiddle.net/7kvRA/

Answer 1

あなたが探している答えはわかりませんが、

アニメーションの終了後にアニメーションを元に戻したい場合は、jQuery animate メソッドに onComplete を追加してみてください。

http://api.jquery.com/animate/ (「完全な」ドキュメントを参照)

別の div の上にある div をアニメーション化する場合は、absoluteポジショニングとz-indexing を使用します。

それが役立つことを願っています。