jqueryを使用してdivで一連の位置を変更する方法

Question

divのセットにアニメーションを設定したいと考えています。ここで

は、私がこれまで持っているものです。

$(".nextwp").click(function(){ 
    $('.welcome').animate({ 
     left: "-9999px" 
    }, 8500); 
    $('.welcome').animate({ 
     right: "-=9999px" 
    }, 0); 

    $('.work').animate({ 
     right: "+0px" 
    }, 1300); 
}); 

私はそれが非表示にされるまで.welcomeクラスのdiv要素は、8.5秒の持続時間の間、左に移動したいです。次に、-9999pxの位置にリセットする必要があります。それは何らかの理由で再販されていません。私はこれについて正しいことをしていますか？位置が-9999pxに設定されたら、私は作業クラスdivを右からスライドする必要があります。

詳細情報が必要な場合はお知らせください。

問題は、ウェルカムクラスdivが何らかの理由で-9999pxに設定されないことです。

ありがとうございます。

（基本的には単純なカスタムスライダー）まあ

Answer 1

、あなたが本当にし、それを言っているのか、このアプローチについて考える場合8.5秒で9999pxをアニメーション化することで、私は、これは一貫し動作するように期待していません。

簡単なオプションは、jQuery UIのエフェクトモジュールを使用し、$el.show('slide')を使用することです。

何かカスタムが必要な場合は、overflow: hiddenのコンテナを作成し、それが見えなくなるまで要素をスライドさせることをお勧めします。これははるかに予測可能で、より良い方法を実行します。