Обработчик события окончание анимации. JS и CSS

Нужно сделать анимацию. Чтобы элемент передвигался в одно место, затем в другое, потом в третье и т.п. То есть окончание одной анимации должно вызывать другую. Есть код:

photo_items[3].addEventListener('transitionend', function() {
    if (this.style.left === '234px') {
        this.style.left   = '39px';
    }
    if (this.style.left === '450px'){
        this.style.left   = '234px';
    }
});

По задумке, находясь на left = 450, он плавно переходит на left = 234, а затем на left = 39. Но по факту сразу переходит в left = 39.