FadeIn可在第一张轮播幻灯片上播放，而不能在第二张和第三张幻灯片上播放

Question

https://jsfiddle.net/3s69krb5/1/ 我使用下面的脚本来检查幻灯片的状态，这些幻灯片的总数为0到2，共3个。 第一次起作用时，它会显示动画，而第二次则不起作用。我希望当幻灯片从第一移动到第二或从第二移动到第三时，它应该带有淡入淡出动画。 我在检查幻灯片的状态时是否犯了一个错误，因此代码仅触发一次，而不会针对3张不同的幻灯片单独触发？

        if($("li").attr("data-slide-to","0")) {           
$(".testimonial-section").hide();
$(".testimonial-section").fadeIn(800);
 }

    if($("li").attr("data-slide-to","1")) {           
$(".testimonial-section").hide();
$(".testimonial-section").fadeIn(800);
 }

    if($("li").attr("data-slide-to","2")) {           
$(".testimonial-section").hide();
$(".testimonial-section").fadeIn(800);
 }