Хорошая идея вообще не смешивать скрипт и стили. Другая хорошая идея отказаться от конских id.
<ul>
<li class="btn"></li>
<li class="btn"></li>
<li class="btn"></li>
<li class="btn"></li>
</ul>
.btn {display: inline-block; width: 100px; height: 20px; margin: 0;}
.btn.active {margin-left: 5px;}
$('.btn').click(function(){
$('.btn').removeClass('ative'); //Возвращаем все кнопки на место
$(this).addClass('active'); //Двигаем нужную кнопку
})
Может немного кривовато, но суть, думаю, ясна. В качестве todo можно еще проверять что кликнули не по пододвинутой уже кнопке, что бы не делать лишнюю работу. И желательно еще возвращать наместо только сдвинутую кнопку, а не все. Но работать должно и так.
