Как правильно настроить очерёдность выполнения функций?
 

Ситуация следующая:
Есть элемент. К нему добавляется класс, благодаря которому происходит css-анимация. Как только css-анимация завершилась - надо класс удалить и сразу же добавить его, чтоб анимация началась заново. Как это правильно сделать? Я делаю так:

$('.el').removeClass('animation');
$('.el').addClass('animation');

Но естественно из этого ничего не получается. Подскажите, как это сделать правильно?

.toggleClass()

Ничего не изменится, тут нужен какой-то другой подход, только вот не знаю какой

а css поправить?
https://webref.ru/css/animation-iteration-count

Altai,
второй путь отслеживать событие окончани анимации.

Там даже не анимация а перемещение элемента слева направо с помощью свойства transition: right 0.3s; Как это можно отследить?

Altai,
пример минимальный сделайте

Отлично, помогло, спасибо!