Javascript 将页面上所有字形图标V形的方向更改为向上或向下

我在页面上有多个手风琴，用户可以单击Glyphion V形图标向上或向下，分别展开或折叠它们。 为了做到这一点，此代码适用于我：

$('[data-toggle="collapse"]').click(function () {
    $(this).children(".glyphicon").toggleClass("glyphicon-chevron-up glyphicon-chevron-down");
});

我在页面上还有两个名为“全部折叠”和“全部展开”的按钮，如果单击该按钮，将折叠/展开页面上的所有手风琴，这也正常，但我需要帮助的一个部分除外： 此代码不会向上或向下翻转所有字形图标。如何添加该功能

$("#showAllPanels").click(function (e) {
    e.preventDefault();
    $(".panel-collapse").collapse("show");
});

$("#hideAllPanels").click(function (e) {
    e.preventDefault();
    $(".panel-collapse").collapse("hide");
});

您可以使用如下方法使用

addClass（）

和

removeClass（）

$("#showAllPanels").click(function (e) {
    e.preventDefault();
    $(".panel-collapse").collapse("show");
    $(".glyphicon-chevron-down").addClass("glyphicon-chevron-up").removeClass("glyphicon-chevron-down");
});

$("#hideAllPanels").click(function (e) {
    e.preventDefault();
    $(".panel-collapse").collapse("hide");
    $(".glyphicon-chevron-up").addClass("glyphicon-chevron-down").removeClass("glyphicon-chevron-up");
});

您可以使用如下方法使用

addClass（）

和

removeClass（）

$("#showAllPanels").click(function (e) {
    e.preventDefault();
    $(".panel-collapse").collapse("show");
    $(".glyphicon-chevron-down").addClass("glyphicon-chevron-up").removeClass("glyphicon-chevron-down");
});

$("#hideAllPanels").click(function (e) {
    e.preventDefault();
    $(".panel-collapse").collapse("hide");
    $(".glyphicon-chevron-up").addClass("glyphicon-chevron-down").removeClass("glyphicon-chevron-up");
});

---

你已经知道如何切换类了吗<代码>$（“.glyphicon”）.addClass（“glyphicon V形向上”）.removeClass（“glyphicon V形向下”）@adeneo但如果在单击“展开/折叠所有”按钮之前，有些按钮向上，有些按钮向下，则会使其向上混乱是的，这就是为什么您专门添加和删除类，而不是仅添加toggling@adeneo哦，好的，谢谢。没有注意到这一部分。你已经知道如何切换类了吗<代码>$（“.glyphicon”）.addClass（“glyphicon V形向上”）.removeClass（“glyphicon V形向下”）@adeneo但如果在单击“展开/折叠所有”按钮之前，有些按钮向上，有些按钮向下，则会使其向上混乱是的，这就是为什么您专门添加和删除类，而不是仅添加toggling@adeneo哦，好的，谢谢。我没有先注意到那部分。