javascript - nested transition end events -

i'm trying several css transitions after 1 another. thing is, inner event listener fire when first transition ends, not wait assigned event run. have capturing? can't figure out what's reason behavior.

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

to give example: want pop element sizing transition , then, completion, fade in content object transition.