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

Question

[Feato]

Здравствуйте, у меня есть

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 срабатывают одновременно - как ето исправить...

Answer 1

[Вадим]

Не идеально, но порядок срабатывания соответствует желаемому.
setTimout просто для красоты