單擊時LI的動畫位置

Question

我確定我在這裏錯過了一些愚蠢的東西，但我看不到它。
應該發生的事情是，在垂直列表中，當單擊LI時，它會右移動10px，如果單擊了另一個LI，則它會向後移動，並且單擊的LI將向右移動。
這可以正常工作，但如果我回到前一個LI，以前所選的一個會按原樣返回，但點擊的LI不會生成動畫，因此當您點擊來回LI時，會繼續向後移動

$("#navig li").click(function(){ 
$("#navig li.selected").animate({ 
     left: "-=10px", 
     }, 300); 
    $("#navig li.selected").removeClass("selected") 

    $(this).addClass("selected") 
    $(this).animate({ 
     right: "-=10px", 
     }, 300); 
}) 

Answer 1

如果調整left正或負的，做相反的其他條件，但這樣做是爲了同一個位置屬性left。

Answer 2

你需要這樣的東西嗎？

http://jsfiddle.net/v3LWL

$("#navig li").click(function(){ 
    var $this = $(this), 
     el = $this.siblings().filter(".selected"); 

    el.animate({left: 0}, 300, function(){ 
     $(this).removeClass("selected"); 
    }); 

    $this.animate({left: 10}, 300, function(){ 
     $(this).addClass("selected"); 
    }); 

});