jquery - jQuery的fadeOut回调fadeIn不起作用

Question

我正在尝试淡出一个 div，然后在第一个 div 消失后淡入下一个 div（阻止下一个 div 低于第一个 div，然后在前一个 div 消失后反弹）。我搜索了答案，人们建议使用回调函数。但是我正在使用以下代码，它会淡出第一个 div，但不会淡出下一个。有任何想法吗？

$(function() {
     $('.qc-answerA').toggle(
       function(event) {
         $(this).find('input').attr('checked', true);
         $(this).addClass("qc-answerSelected");
         $('.qc-answerB').removeClass("qc-answerSelected");
         $('.qc-answerC').removeClass("qc-answerSelected");
         $('.qc-answerD').removeClass("qc-answerSelected");
         $('.qc-answerE').removeClass("qc-answerSelected");
        //This is the fadeIn fadeOut function 
         $(this).parent('div').fadeOut("fast", function(){
            $(this).parent('div').next('div').fadeIn("fast");
        });
       },
       function(event) {
         $(this).find('input').attr('checked', false);
         $(this).removeClass("qc-answerSelected");
       }
     );
});