Javascript 如何取消高亮显示非活动块

伙计们，我有以下代码。如果我单击一个表，它会高亮显示，然后如果我单击另一个表，上一个表会保持亮起，我按下的下一个表也会亮起。如何对其进行编辑，以便在单击另一个表时，前一个表将不高亮显示

$（'pricing customer'）。在（'click'，function（）上{
$（this.toggleClass（'active'）；
$（this.children（）.toggleClass（'active'）；
});
。为客户定价{
背景：#fff；
最小高度：250px；
光标：指针；
过渡：所有.3s易于输入输出；
边缘底部：20px；
填充：10px 0px 25px 0px；
}
p、 定价编号{
字体大小：52px；
边缘底部：10px；
边缘顶部：20px；
颜色：#fead0d；
}
p、 定价月份{
颜色：#5e6977；
字体大小：14px；
线高：21px；
垫底：20px；
边框底部：1px实心#e1e8ee；
}
p、 电子邮件{
颜色：#444；
字体大小：16px；
线高：21px；
}
.定价客户：悬停，.pricing-customer.active{
背景色：#333；
}
.定价客户：悬停p.定价客户p.活动{
颜色：#fff；
}

70美元


每周/每月

100000封电子邮件
70美元


每周/每月

100000封电子邮件
70美元


每周/每月

100000封电子邮件
使用兄弟姐妹而不是孩子。我希望这就是你想要的


$（'pricing customer'）。在（'click'，function（）上{
$（this.toggleClass（'active'）；
$（this.sides（）.removeClass（'active'）；
});
。为客户定价{
背景：#fff；
最小高度：250px；
光标：指针；
过渡：所有.3s易于输入输出；
边缘底部：20px；
填充：10px 0px 25px 0px；
}
p、 定价编号{
字体大小：52px；
边缘底部：10px；
边缘顶部：20px；
颜色：#fead0d；
}
p、 定价月份{
颜色：#5e6977；
字体大小：14px；
线高：21px；
垫底：20px；
边框底部：1px实心#e1e8ee；
}
p、 电子邮件{
颜色：#444；
字体大小：16px；
线高：21px；
}
.定价客户：悬停，.pricing-customer.active{
背景色：#333；
}
.定价客户：悬停p、.pricing-customer.active p{
颜色：#fff；
}

70美元


每周/每月

100000封电子邮件
70美元


每周/每月

100000封电子邮件
70美元


每周/每月

100000封电子邮件
使用兄弟姐妹而不是孩子。我希望这就是你想要的


$（'pricing customer'）。在（'click'，function（）上{
$（this.toggleClass（'active'）；
$（this.sides（）.removeClass（'active'）；
});
。为客户定价{
背景：#fff；
最小高度：250px；
光标：指针；
过渡：所有.3s易于输入输出；
边缘底部：20px；
填充：10px 0px 25px 0px；
}
p、 定价编号{
字体大小：52px；
边缘底部：10px；
边缘顶部：20px；
颜色：#fead0d；
}
p、 定价月份{
颜色：#5e6977；
字体大小：14px；
线高：21px；
垫底：20px；
边框底部：1px实心#e1e8ee；
}
p、 电子邮件{
颜色：#444；
字体大小：16px；
线高：21px；
}
.定价客户：悬停，.pricing-customer.active{
背景色：#333；
}
.定价客户：悬停p、.pricing-customer.active p{
颜色：#fff；
}

70美元


每周/每月

100000封电子邮件
70美元


每周/每月

100000封电子邮件
70美元


每周/每月

100000封电子邮件
完美的解决方案，但我有一个问题：当我将鼠标悬停在另一个块上时，当前活动块的字体颜色会下降。谢谢你的光临advance@Morgari我已经编辑了这个片段。请检查这是否是您正在寻找的解决方案。太好了！非常感谢您的解决方案@nelson tanPerfect solution，但我有一个问题：当我将鼠标悬停在另一个块上时，当前活动块的字体颜色会下降。谢谢你的光临advance@Morgari我已经编辑了这个片段。请检查这是否是您正在寻找的解决方案。太好了！非常感谢您的解决方案@nelson tan