Halt transition until css transition is complete

I'm trying to pause a transition until a css transition has complete and then allow the transition to continue.

willTransition(transition) {
    transition.abort();
    var self = this;
    Ember.$('.event-item-component:not(.bidding)').removeClass('animate');
    Ember.$('.event-item-component:not(.bidding)').first().one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
        console.log('ready');
        transition.retry();
    })
}

But the retry() seems to not be doing what I anticipated it doing. How would I go about this?