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");
       }
     );
});