Javascript 引导手风琴图标不动态更改

我正试图添加引导手风琴到我的项目，但它不工作。。。。下面我用JavaScript添加的代码有什么问题

我也包括在我的项目以下文件。 提前谢谢。 问候

$（文档）.ready（函数（）{
$（'.collapse'）.on（'show.bs.collapse'，函数（）{
$（this）.parent（）.find（'.glyphicon collapse down'）.removeClass（'.glyphicon collapse down'））
}).on（'hidden.bs.collapse'，函数（）{
$（this）.parent（）.find（“…glyphicon collapse up”）.removeClass（“.glyphicon collapse up”）.addClass（“.glyphicon collapse down”）；
});
});

要更改手风琴图标，我建议使用：

• 为了将图标从向下更改为向上，反之亦然
• 事件
• 事件

$（文档）.ready（函数（）{
$（'.collapse'）.on（'show.bs.collapse hide.bs.collapse'，函数（）{
$（this）.closest（'.panel'）.find（'.panel heading.glyphicon'）.toggleClass（'glyphicon-collapse-down-glyphicon-collapse-up'））
});
});




















您可以查找上一个元素，并找到具有类
.glyphicon
的范围。
然后简单地添加或删除up和down类

这里有一个例子


$（“.collapse”）
.on（'show.bs.collapse'，函数（）{
$（this.prev（）.find（“.glyphicon”）
.removeClass（'glyphicon-collapse-down'）
.addClass（'glyphicon-collapse-up'）
})
.on（'hide.bs.collapse'，函数（）{
$（this.prev（）.find（“.glyphicon”）
.removeClass（'glyphicon-collapse-up'）
.addClass（'glyphicon-collapse-down'）
});
@导入url（'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css');




















请参阅此链接

仅使用CSS的引导手风琴

.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
content: "\e114";    /* adjust as needed, taken from bootstrap.css */
float: right;        /* adjust as needed */
color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

“它不工作”到底是什么意思？请更详细地描述问题，您预计会发生什么情况，
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
content: "\e114";    /* adjust as needed, taken from bootstrap.css */
float: right;        /* adjust as needed */
color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}