将所有图标-chevron的方向更改为页面上的向上或向下。
将所有图标-chevron的方向更改为页面上的向上或向下。
提问于 2016-05-31 19:06:25
我有多个手风琴在页面上，用户可以点击图标-雪佛龙-向上或象形文字-雪佛龙向下扩展或折叠他们个别。为了做到这一点，这段代码适用于我：
$('[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");
});回答 1
Stack Overflow用户
发布于 2016-05-31 19:10:20
您可以使用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");
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37553733
复制相关文章
相似问题
腾讯云开发者
