Javascript 单击“全部展开/折叠”时指向正确方向的箭头

我做了“全部展开/折叠”功能，除了箭头外，所有功能都运行良好。它没有指向正确的方向。我不知道该怎么做，所以我在我的代码中把它留空。我的问题如下所示

（红色框表示单击操作）

单击“全部查看”，可以看到扩展器已打开。箭头指向下方。

单击“A”折叠扩展器，箭头指向上。

单击“全部折叠”，展开器将合并。现在你可以看到我的问题了，“A”箭头指向上，其余的箭头指向下。

希望你们中的一些人能给我一些建议。谢谢

$（“.aq\u epdtitle”）。单击（函数（）{
$（'.aq_expandct'）.slideToggle（）.toggleClass（'active'）；
$（this）.closest（'.mobeexpand'）.toggleClass（'collapsed'）；
});
$（“.aq_epdtitle1”）。单击（函数（）{
$（'.aq_expandct1'）.slideToggle（）.toggleClass（'active'）；
$（this）.closest（'.mobeexpand'）.toggleClass（'collapsed'）；
});
$（“.aq_epdtitle2”）。单击（函数（）{
$（'.aq_expandct2'）.slideToggle（）.toggleClass（'active'）；
$（this）.closest（'.mobeexpand'）.toggleClass（'collapsed'）；
});
$（“.expandall”）。单击（函数（）{
$（'.aq_expandct'）.slideDown（）.toggleClass（'active'）；
$（'.aq_expandct1'）.slideDown（）.toggleClass（'active'）；
$（'.aq_expandct2'）.slideDown（）.toggleClass（'active'）；
});
$（“.collapseall”）。单击（函数（）{
$（'.aq_expandct'）.slideUp（）.removeClass（'active'）；
$（'.aq_expandct1'）.slideUp（）.removeClass（'active'）；
$（'.aq_expandct2'）.slideUp（）.removeClass（'active'）；
});
ul{列表样式类型：无；边距：0；填充：0；}
.eservices_左ul li{display:inline；}
.aq_expandct、.aq_expandct1、.aq_expandct2{
显示：无；
填充物：5px；
}
.aq_epdtitle、.aq_epdtitle1、.aq_epdtitle2{
背景：#ccc url（'https://image.ibb.co/jUyN5Q/arrow_up_grey.png")不重复;；
背景位置：右0px；
光标：指针；
填充：0 10px；
利润率：10px0；
}
.collapsed.aq_epdtitle、.collapsed.aq_epdtitle1、.collapsed.aq_epdtitle2{
背景图像：url（'https://image.ibb.co/d669kQ/arrow_down_grey.png');
}

查看所有
全部崩溃


A.

A1
A2



B

B1
B2



C

C1
C2


只需添加
$（'.mobeexpand'）.addClass（'collapsed'）（
$（.expandall”）。单击“全部显示”功能中的
）

和
$（'.mobeexpand'）.removeClass（'collapsed'）（
$（“.collapseall”）。单击
）并在collsapse中按以下方式使用所有功能


$（“.aq\u epdtitle”）。单击（函数（）{
$（'.aq_expandct'）.slideToggle（）.toggleClass（'active'）；
$（this）.closest（'.mobeexpand'）.toggleClass（'collapsed'）；
});
$（“.aq_epdtitle1”）。单击（函数（）{
$（'.aq_expandct1'）.slideToggle（）.toggleClass（'active'）；
$（this）.closest（'.mobeexpand'）.toggleClass（'collapsed'）；
});
$（“.aq_epdtitle2”）。单击（函数（）{
$（'.aq_expandct2'）.slideToggle（）.toggleClass（'active'）；
$（this）.closest（'.mobeexpand'）.toggleClass（'collapsed'）；
});
$（“.expandall”）。单击（函数（）{
$（'.aq_expandct'）.slideDown（）.toggleClass（'active'）；
$（'.aq_expandct1'）.slideDown（）.toggleClass（'active'）；
$（'.aq_expandct2'）.slideDown（）.toggleClass（'active'）；
$（'.mobeexpand'）.removeClass（'collapsed'）；
});
$（“.collapseall”）。单击（函数（）{
$（'.aq_expandct'）.slideUp（）.removeClass（'active'）；
$（'.aq_expandct1'）.slideUp（）.removeClass（'active'）；
$（'.aq_expandct2'）.slideUp（）.removeClass（'active'）；
$（'.mobexpand'）.addClass（'collapsed'）；
});
ul{列表样式类型：无；边距：0；填充：0；}
.eservices_左ul li{display:inline；}
.aq_expandct、.aq_expandct1、.aq_expandct2{
显示：无；
填充物：5px；
}
.aq_epdtitle、.aq_epdtitle1、.aq_epdtitle2{
背景：#ccc url（'https://image.ibb.co/jUyN5Q/arrow_up_grey.png")不重复;；
背景位置：右0px；
光标：指针；
填充：0 10px；
利润率：10px0；
}
.collapsed.aq_epdtitle、.collapsed.aq_epdtitle1、.collapsed.aq_epdtitle2{
背景图像：url（'https://image.ibb.co/d669kQ/arrow_down_grey.png');
}

查看所有
全部崩溃


A.

A1
A2



B

B1
B2



C

C1
C2


它在我的机器上工作正常……展开时箭头指向上，折叠时箭头指向下
查看所有视图
也工作不正常，因为它反转了箭头。尝试手动打开一个，然后单击查看全部：打开的一个将显示错误arrow@Kaddath你是对的。谢谢你的解释：）哦，天哪，答案很简单。我从来没有想过。我仍在尝试
$（'.aq_expandct'）。最近（'.mobexpand'）。切换类（'collapsed'）但工作不太好。谢谢你的回答：）嗨@bRIMOs，我刚刚意识到你的代码有问题。单击“全部查看”时，箭头未改变方向。最后，箭头指向错误的方向。你看到了吗？好的，很好，似乎只是颠倒了图标，所以只需颠倒两个事件中的添加-删除类，请参见snipet pleasenever mind:D，休息一下以提高效率：），谢谢：）完成项目后会休息，哈哈！