Анимация позиции 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"); 
    }); 

});