在使用toggleClass之前使用Jquery清除类

初始-更新：

HTML:

如您所见，一个部分显示了单击的直接子项。另一个显示所有。但是，如果类“active”已经存在，那么在调用另一个代码块时，脚本会由于toggleClass api而删除“active”

在使用toggleClass api之前，删除所有先前活动类的最快方法是什么。此时，任何存在活动类的类都会被删除，而其他类则会被添加为“活动”

欢迎任何帮助：）

非常感谢

------>解决方案

&.show-all{
    @extend .trainer-profiles.active;
}

创建了一个新类，扩展了以前的类，得到了相同的结果

jQuery：

$(".trainers-view-all").on("click", function(e){
    e.preventDefault();
    $(".trainer-profiles").siblings().toggleClass("show-all");
});

通过添加.show all类on切换，我模仿了类的行为，因为它位于一个toggleClass中。当类被删除时，它不会否定初始的.active类

---

我很确定我可以将jQuery设置为一个较小的状态，但目前它是有效的。

这里我们不希望切换状态。。。只需将活动类添加到所有元素，因为该选项显示viewAll

$(".trainer-profiles > a.trainer-icon").on("click", function(e){
    e.preventDefault();
    $(this).parent().toggleClass("active");
});
$(".trainers-view-all").on("click", function(e){
    e.preventDefault();
    $(".trainer-profiles").addClass("active");
});

---

请共享您的脚本和HTMLI如果在显示元素时再次单击viewAll，是否要隐藏元素库，错过了一个要点。。。你想删除哪个类？你也可以用你的样式更新演示。唯一的选择是，我想能够删除类以及。As.trainer profiles有一个透明的背景。@Neil如果你删除该类，它将不会是一个切换操作，因为当切换运行时，该类将不再存在，因此它只会添加一个带有解决方案的itupdated my post。谢谢你的帮助，简单的添加类给了我灵感！

$(".trainers-view-all").on("click", function(e){
    e.preventDefault();
    $(".trainer-profiles").siblings().toggleClass("show-all");
});

$(".trainer-profiles > a.trainer-icon").on("click", function(e){
    e.preventDefault();
    $(this).parent().toggleClass("active");
});
$(".trainers-view-all").on("click", function(e){
    e.preventDefault();
    $(".trainer-profiles").addClass("active");
});