Bootstrap 3可折叠面板无法正常工作

Question

我正在遵循Bootstrap 3 collapse events方面的文档。但仍然，浏览器在Console中给我Uncaught ReferenceError: $ is not defined，面板不会改变它的glyphicon类，现在问题只是改变我的glyphicon类，但是，当我将代码复制到jsfiddle时，现在面板是甚至没有崩溃，我不知道在任何帮助下会发生什么？

更新

• 关于jsfiddle的问题是添加jquery lib，由@RGS解决更新的小提琴是jsfiddle.net/v95334q0/1

Answer 1

您需要为可折叠div id提升点击事件。

$(function() {
 $('#collapse-prob-single').on('shown.bs.collapse', function() {
   $(".glyphicon").addClass('glyphicon-collapse-up').removeClass('glyphicon-collapse-down');
 });
 $('#collapse-prob-single').on('hidden.bs.collapse', function() {
   $(".glyphicon").addClass('glyphicon-collapse-down').removeClass('glyphicon-collapse-up');
 });
});

<强>演示：

https://jsfiddle.net/v95334q0/5/