Как исправить скрипт на JS для его правильно работы?

Question

[alexs90]

Привет. Накидал такой скрипт https://codepen.io/alexs90/pen/xxYKPPY

Замысел в том, что при клике на меню выезжает блок слева направо. После того как этот блок полностью выехал предыдущий заезжает обратно.

Но работает не так как ожидалось. Если кликать быстрее, чем заканчивается transition, то уезжает сразу все.

Что делаю не так? Может есть какие библиотеки готовые, чтобы велосипед не писать?

Comments

[Модератор]

Неправильно работает скрипт на JS?

Скрипт работает правильно, как написано, так и работает.

См.п.3.6 Это надо исправить.

Также рекомендую код опубликовать тут, он небольшой. Оформить в соответствии с п.3.8

[alexs90]

Модератор, Поправил.

[Сергей Сергей]

activeItem выбирается неправильно. Потому как классы удаляются не сразу получается, что активным для дальнейшего удаления может стать не тот элемент. Придётся привязываться через индексы.

[alexs90]

Сергей Сергей, а как правильно получить индекс? В голову приходит только при клике перебрать все элементы и и проверить на наличие класса, но по идее это ничего не даст.

[Сергей Сергей]

Да. Индексы плохая идея. А перебор наоборот подходит, в конце анимации перебором массива blocks надо удалить класс у всех, кроме blocks[ i ].

Answer 1

[MamaLuyba]

если надо только после полного выезда сворачивать другой, то просто добавь переменную inTransion, например. и пока она true - ниче не сворачивать.