Javascript toggleClass在标题元素内的i上工作不正常

有人知道我做错了什么吗？我试图改变标题中i元素上的图标类，但不玩球

目前的情况是，由于一些奇怪的原因，它只是在H3的开头加上负数。。。它似乎在控制台中向H3添加了图标减号和图标加号，而没有更改i类

**更新**

修复了这个问题，它只是没有正确切换图标，但它正在改变

手风琴JS*/ //将非活动类添加到所有Accordion标头 $（'.accordion header'）.toggleClass（'inactive-header'）； //设置手风琴内容宽度 //页面加载时打开第一个手风琴部分 $（'.accordion header'）.first（）.toggleClass（'active-header'）.toggleClass（'inactive-header'）； $（'.accordion content'）.first（）.slideDown（）.toggleClass（'open-content'）； //手风琴效果 $（'.accordion标头'）。单击（函数（）{ if（$（this）.is（'.inactive标头'））{ $（'.active-header'）.toggleClass（'active-header'）.toggleClass（'inactive-header'）.next（）.slideToggle（）.toggleClass（'open-content'）； $（this）.toggleClass（'active-header'）。toggleClass（'inactive-header'）； $（this）.find（'i'）。toggleClass（'icon-plus'）。toggleClass（'icon-plus'）； $（this）.next（）.slideToggle（）.toggleClass（'open-content'）； }否则{ $（this）.toggleClass（'active-header'）。toggleClass（'inactive-header'）； $（this）.find（'i'）.toggleClass（'icon-minus'）.toggleClass（'icon-plus'）； $（this）.next（）.slideToggle（）.toggleClass（'open-content'）； } });

/*常见问题页面*/
#手风琴容器{
边缘顶部：60像素；
}
.手风琴头{
字号：1.4em；
边框底部：1px实心#d0；
垫底：10px；
光标：指针；
}
·手风琴头一{
浮动：对；
}
·手风琴内容{
显示：无；
}

常见问题
需要帮忙吗？你在正确的地方
1.如果我改变主意，我可以改变订单吗？
当然，您可以免费更改您的订单，前提是订单尚未填写或发送。如果您希望进行更改，请通过电话或电子邮件联系我们，并注明您的订单号

2.你们的退货政策是什么？
我们鼓励您放心购买，我们支持我们的产品和质量。我们提供7天退款保证-所有与Ambient Lounge（英国）有限公司签订的订单均享受7天退款保证。如果在收到订单后的7天内，您对订单不满意，您有权获得相同的替换品（如果有库存）或退还货物成本（不包括所有交付成本），前提是货物未被使用。根据我们的退款政策，在我们网站上购买的商品可以全额退款，前提是您在购买后7天内首先与我们联系，然后在我们认为适合转售的条件下退货。请注意，我们无法退还您可能已支付的任何邮费，除非我们向您发送的邮件不正确或该邮件被视为有缺陷。请注意，我们单独检查所有的退货，如果我们认为是由于自身损坏造成的错误，则不予退款。
为了保护您在退货时的安全，我们建议您使用记录发货，要求我们在收到货物后签字，因为我们不会对未能送达我们的任何货物进行退款。您的法定权利不受影响。请在退货前与我们联系。报税表应寄至：Well House，瓦特林路，瓦特林，东苏塞克斯，BN27 1RX

3.如果我想要的豆袋缺货怎么办？
对我们豆袋的需求一直很高，尽管我们的意图是好的，但我们可能会暂时缺货。我们的自动订购服务不允许在缺货时处理订单。请联系我们，了解我们可能缺货多长时间，我们将在24小时内回复您

4.使用AMBIENT LOUNGE在线购买是否安全？
我们保证您的购买安全。Ambient Lounge是一家设计豆袋的在线零售商。我们不是'；我没有银行。这就是为什么我们使用澳大利亚'；世界上最值得信赖的支付服务提供商——SagePay&；贝宝处理我们的交易。我们有完整的SSL认证，请注意订购页面上的挂锁

5.如果我想大量购买怎么办？
我们有许多功能和多重购买的要求。我们为私人消费者和非批发企业提供批量购买的折扣。如果您想查询批量折扣，请使用我们的联系方式，只有10或更多的订单才会考虑任何折扣

问题在于，单击.inactive标题时，您没有将.icon plus变为.icon减号，即.active标题。要解决此问题，请尝试添加

$('.active-header').find('i').toggleClass('icon-plus').toggleClass('icon-minus');

以前

$('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content');

---

您应该做的是删除所有的

图标减号

类，并将它们替换为

图标加号

类。这意味着当你点击某个东西时，所有的链接都会有

图标加上

。所以现在您需要做的就是切换当前所选元素的类

在执行任何其他操作之前，请在click事件中调用此函数

$('i').removeClass('icon-minus').addClass('icon-plus');

现在只需像这样更新您的条件

if ($(this).is('.inactive-header')) {
    $('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content');
    $(this).toggleClass('active-header').toggleClass('inactive-header');
    $(this).find('i').toggleClass('icon-plus').toggleClass('icon-minus');
    $(this).next().slideToggle().toggleClass('open-content');
} else {

    $(this).toggleClass('active-header').toggleClass('inactive-header');        
    $(this).find('i').addClass('icon-plus');
    $(this).next().slideToggle().toggleClass('open-content');
}

---

这是添加了一些造型的工作服。

这对你有用吗？工作服谢谢！！谢谢@James。那么，让我将此作为解决方案发布。请投票并接受它，如果它对你有帮助的话。我已经发布了我的解决方案。请投票表决，并将其标记为答案。