Jquery 当单击另一个时，切换状态不会更改

当前，需要单击图标以更改状态。我试图在单击另一个时更改状态

$document.readyfunction{ $'.accordian content'.hide； $“.手风琴标题”。单击函数{ $this.find'.accordian title icon'.toggleClass'accordian-title-icon-open' $'.accordian content'。不是$this.next'。accordian content.slideUp； $this.next'.accordian content'.slideToggle； }; }; 请尝试以下代码：

$document.readyfunction{ $'.accordian content'.hide； $“.手风琴标题”。单击函数{ const flag=$this.find'.accorbian title icon'.hasClass'accorbian-title-icon-open'； $'.accorbian title icon'.removeClass'accorbian-title-icon-open'； $'.accordian content'。不是$this.next'。accordian content.slideUp； $this.next'.accordian content'.slideToggle； 如果！旗帜{ $this.find'.accordian title icon'.addClass'accordian-title-icon-open' }否则{ $this.find'.accordian title icon'.removeClass'accordian-title-icon-open' } };

---

};你能把HTML或者JSFIDLE发布得更好吗？嘿，谢谢你的努力。图标现在在点击另一个标题时会改变，但在点击同一个标题时不会改变。还原到上一个标题state@CDavies请看看这个。现在它可以正常工作了。