Javascript 当类被添加或删除到淡入淡出路径和淡出路径后，如何对其进行淡入淡出？

我正在将一个类添加到一些路径中，我希望在将该类添加到每个路径后，一个接一个地淡入淡出状态。这就是我尝试过的

$（.home按钮”）。在（“单击”，函数（）{
$（“#hiButtons.btn默认值”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
var periodClass=$（this.parent（）.attr（“类”）；
var GapBeween=10；
var-speedOfFade=150；
$（“svg路径”）。每个（函数（i，路径）{
var cl=$（this.attr（'class'）；
$（this）.attr（'class'，cl.includes（periodClass）？cl+'fadeIn'：cl.replace（/fadeIn/g'，）.delay（每个*i之间的间隙）。fadeIn（speedOfFade，function（）{}）；
});
});
这就是我解决问题的方法，我首先添加类，然后对其应用延迟，还更改了淡入和速度之间的间隔，以便更好地注意到它

$(".home button").on("click", function() {
  $("#hiButtons .btn-default").removeClass("active");
  $(this).addClass("active");
  var periodClass = $(this).parent().attr("class");
  var gapBetweenEach = 200;
  var speedOfFade = 400;
  $("svg path").each(function(i, path) {
    var cl = $(this).attr('class');
    $(this).attr('class', cl.includes(periodClass) ? cl + ' fadeIn' : cl.replace(/fadeIn/g, ''))
    $(".fadeIn").delay(gapBetweenEach * i).fadeIn(speedOfFade);
  });
});

作为建议，我会在你的问题中加入一些HTML，这样你的例子就完整了。另外，请告诉我们为什么您的代码不起作用-您的结果与您试图实现的结果有何不同？（哦，你少了一个
}）
）@Santi我已经添加了html，它不会褪色，如果我知道为什么我不会问问题的话，但是无论如何，谢谢，因为标记错误，它没有显示出来。我已经编辑了您的问题以包含一个片段，并添加了两个缺少的
}）。同样，这并不能解决一个最小的、完整的、可验证的示例的问题，因为您的代码不仅不能工作，而且还没有告诉我们它有什么问题。请您提供指导，否则您的问题将面临被关闭的风险。我告诉过您的问题出了什么问题，否决票应该是意料之中的。。。从我上面发布的链接：描述问题。“它不起作用”不是一个问题陈述。并确保该示例确实再现了问题。很高兴您解决了它。如果你刚刚纠正了你的问题，我会给你，这是一个轻量级的CSS版本，而不是依赖于jQuery动画和嵌套函数。