[Malleys]

как мне сделать так что бы элементы плавно уплывали в сторону, а остальные "паровозиком" тянулись за ним

Я бы обернул эти элементы DIV-элементом с шириной = кол-во элементов * ширину элементов. У этих элемeнтов float: left; и display: block; Далее меняя у DIV CSS-свойство left oт -(ширина DIV - ширина .content) до 0 можно видеть все элементы. Значит необходимо плавно менять значение этого св-ва или использовать CSS-cвойство transition co значением например 1s left ease-in-out 0s
Пример http://codepen.io/Malleys/pen/OPbaoG