как переместить все элементы списка кроме одного
 

Мне нужно чтобы все элементы списка кроме того который появился при старте страницы были перемещены вправо, перемещаются все и .active_port

<ul id="preview_main_block">
<li class="preview" id="port_1">
   <div class="prev_img">	
   <img class="main_preview" src="/img/wisdom_preview2.png" ></img>
   <img class="main_preview" src="/img/smile_preview.png"></img>
   </div>
</li>
<li class="preview" id="port_2">
   <div class="prev_img">	
   <img class="main_preview" src="/img/eco_preview.png"  ></img>
   <img class="main_preview" src="/img/midia_preview.png"  ></img>
   </div>
</li>
<li class="preview" id="port_3">
   <div class="prev_img">	
   <img class="main_preview" src="/img/ellada_preview.png"  ></img>
   <img class="main_preview" src="/img/blago_preview.png"  ></img>
   </div>
</li>
		 
</ul>

$('#preview_main_block .preview:nth-child(1)').animate({left: -2000},600,'easeInOutBack')//выезд 2 фото влево
$('#preview_main_block .preview:nth-child(1)').addClass('active_port')//первым 2 ум фото задан класс - это первый порт
$('.portfolio_left_arrow').click(function(){
$('#preview_main_block :not(.active_port)').css('right',2000)
})

$('#preview_main_block .preview:first').addClass('active_port').animate({left: -2000},600,'easeInOutBack')//выезд 2 фото влево
$('.portfolio_left_arrow').click(function(){
$('#preview_main_block .preview:not(.active_port)').css('right',2000)
})

Наверно при клике-перемещении пропущен селектор .preview