YUI转换回调函数在第一次单击时不起作用

Question

脚本的作用是，当你点击这个#viewPlan div的任何一个孩子时，我得到那个孩子的索引，并在#viewPlan的下一个兄弟中显示相同的索引div

以下是代码，问题是第一次点击时回调函数不起作用，从第二次点击开始就可以正常工作：

Y.all('#viewPlan > div').each(function(node, index){
    var planHeading = Y.one('#viewPlan').get('children');
    var planContent = Y.one('#viewPlan').next();
    var firstTime = true;
    planContent.get('children').addClass('display-none');
    node.on('click',function(em){
        em.currentTarget.addClass('active').siblings().removeClass('active');
        planContent.get('children').item(index).siblings().transition({
            'easing': 'ease-out',
            'duration': 0.5,
            'opacity': 0
            }, function() { // problem starts here
                planContent.get('children').item(index).siblings().addClass('display-none');
                planContent.get('children').item(index).removeClass('display-none');
                planContent.get('children').item(index).transition({
                    'easing': 'ease-out',
                    'duration': 0.5,
                    'opacity': 1
                });
            });

        });
});

如果不清楚，请告诉我。