Вложенные события окончания перехода

Question

Я пытаюсь сделать несколько переходов CSS друг за другом. Дело в том, что внутренний прослушиватель событий сработает сразу же после окончания первого перехода, поэтому он не ожидает запуска назначенного ему события. Это как-то связано с захватом? Я не могу понять, в чем причина такого поведения.

//do somehting on elem1 that triggers css transitionend
elem1.addEventListener("transitionend", function() {
    //do something on elem2
    elem2.addEventListener("transitionend", function (){
        //do something
    });
});

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