Как определить конец перехода CSS для «конкретного» элемента, когда выполняется несколько переходов?

Я использовал следующее, чтобы определить конец перехода CSS3, например:

    CACHE.previewControlWrap.css({
                'bottom':'-217px'
            }).one('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', function () {
                CACHE.songWrap.css({
                    'bottom': '0'
                });
     });

Это работает отлично, происходит переход CSS, затем, когда он завершается, происходит другой

Однако, когда я вставляю этот анонимный до третьего уровня, это не работает.Событие конца третьего перехода запускается одновременно со вторым, вместо того, чтобы связывать их одно за другим (как это произошло бы с jQuery .animate())

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

Заранее спасибо.

Ниже приведен код t шляпа вызывает проблему:-

if(Modernizr.csstransitions){

        CACHE.leftcolbottom.css({
            'left':'-230px'
        });
        CACHE.songwrap.css({
            'left':'100%',
            'right': '-100%'
        });
        CACHE.previewControlWrap.css({
            'bottom':'-217px'
        }).one('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', function () {
            CACHE.songWrap.css({
                'bottom': '0'
            });
            CACHE.middle.css({
                'bottom': '350px'
            }).one('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', function () {
                CACHE.slidewrap.css({
                    'left': '50%',
                    'right': '0%'
                });
                CACHE.leftcoltop.css({
                    'left': '0%'
                });     
            });         
        });

    }