jqueryアニメーションを使用して複数の要素を前後に移動する方法

Question

divを前後に移動するために私は作業していましたが、項目をクリックするとdivが切り替わるときに問題があるようですそれはトグルしますが、次の項目がクリックされたときに影響します。これを項目を左右に均等に前後にトグルさせるためのアドバイス。/else文は、互いに独立したdivの各 div要素の動きを制御する場合 はここに私のバイオリンhttps://jsfiddle.net/z3L8wbt6/

var move = 200; 
$('#main div').click(function(){ 
    $(this).animate({ 
     left: "+="+move 
    }, 200); 
    move =-move; 
}); 

Answer 1

jQueryの機能addClass、removeClassを使用して、そしてhasClassですが、私はシンプルを作成しました。

if ($(this).hasClass("moved")) { 
    move = -200; 
    $(this).removeClass("moved"); 
} else { 
    move = 200; 
    $(this).addClass("moved"); 
} 
$(this).animate({ 
    left: "+=" + move 
}, 200); 

JSFiddle