Javascript 单击其他元素时是否出现滑动切换问题？

我有一个简单的手风琴，它使用

slideToggle

，在点击链接（触发器）的基础上显示/隐藏内容。我正在使用的代码可以正常工作，但当您单击另一个元素时，它似乎无法正常工作（或者至少不能以我想要的方式工作）。例如，如果我单击并打开

content-a

，然后单击

content-b

，我希望

content-a

关闭并返回正常状态（删除活动类）等等。

活动的

类仍然位于上次单击的元素上。它不会切换

不擅长jQuery，任何帮助都将不胜感激

$（'.hidden content'）.hide（）；
$（'.trigger'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（this.toggleClass（'active'）.sides（）.removeClass（'active'）；
$（this）.find（'.arrow'）.toggleClass（'arrow-down-arrow-up'）.sides（）.removeClass（'arrow-up'）；
$（'.hidden content'）.stop（true）.slideUp（300）；
$（this）.next（'.hidden content'）.stop（true）.slideToggle（300）；
返回false；
});

触发
隐藏内容
触发
隐藏内容
触发
隐藏内容
你能说得更具体一点吗，到底是什么不起作用？对我来说似乎很好。当点击第二个触发器时，
活动的
类会被添加，而不会被删除。所以两个都有活动类。我不这么做->这很奇怪。让我再看看。我可能遗漏了一些东西。@adeneo我更新了代码，遗漏了向上/向下箭头。我认为这可能是造成问题的原因。