Что делает скрипт, когда вы щелкаете по любому дочернему элементу этого #viewPlan div, я получаю индекс этого дочернего элемента и показываю тот же индекс div в следующем родственном элементе # viewPlan
Ниже приведен код, проблема в том, что функция обратного вызова не работает, когда вы нажимаете первый раз, она отлично работает со второго щелчка:
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
});
});
});
});
Если что-то не понятно, пожалуйста, дайте мне знать.