@Feato

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

Здравствуйте, у меня есть
wrapper__block.addEventListener("mousedown", () => {
    wrapper__block.style.opacity = "0";
  });

  wrapper__block.addEventListener("transitionend", (e) => {
    if (e.currentTarget == wrapper__block) {
      wrapper__block.parentElement.style.height = "0";
    }
  });

  wrapper.addEventListener("transitionend", (e) => {
    if (e.currentTarget == wrapper) {
      wrapper.remove(wrapper.firstChild);
    }
  });

Тоесть я хочу чтоб когда wrapper__block получил transitionend - он начал анимировать дочерний елемент и по окончании анимации дочернего елемента - дочерний елемент вызвал удаление себя — однако в моем коде оба transitionend срабатывают одновременно - как ето исправить...
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
MrDecoy
@MrDecoy
Верставший фронтендер
Не идеально, но порядок срабатывания соответствует желаемому.
setTimout просто для красоты
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы