Как сделать ротатор из трех блоков?

Question

[Владислав Бойченко]

Вот сабж: https://codepen.io/anon/pen/LBdQZL
думал, что все максимально просто, но в итоге у меня ничего не получается. Суть в том, чтобы просто менять боковые блоки с центральным. Я вроде написал то, что нужно, но в итоге ничего не работает так, как нужно. Я не прошу решения, подскажите только, чего я не знаю, в какую сторону копать.

Answer 1

[Владимир Проскурин]

https://codepen.io/anon/pen/vajZOV

Comments

[Владислав Бойченко]

Спасибо! Можете объяснить, почему оно так рабоатет?

[Владимир Проскурин]

Владислав Бойченко,
1) у вас анимация у slide-center идет по left а в slide-right меняется с right. Я для slide-right сделал left
2) меняя класс у элемента, у него не меняется событие, только его класс. Поэтому нужно либо слушать клик по любому блоку, и внутри смотреть, какой класс у блока, либо как сделал я, вот так

$('.container').on('click', '.slide-left', function(){ }

Тут слушается клик по любому ребенку у .container, но обрабатывается только по тому, у кого в данный момент есть класс slide-left

[Никита Егоров]

Владислав Бойченко, не забывайте отмечать решением