手風琴.glyphicon-chevron-up和.glyphicon-chevron-down不起作用

Question

我正在使用帶有向上和向下箭頭的手風琴-第一次運行時會顯示向下箭頭，因此用戶必須單擊才能查看數據-單擊向下箭頭會顯示數據，但仍會顯示向上箭頭，並且不會還原為up ...我有一個執行檢查的Javascript函數...

點擊此鏈接：-https: //www.bootply.com/113766#

Javascript更改箭頭：-

$(document).ready(function ()
{
      $('.collapse').on('shown.bs.collapse', function () {
      $(this).parent().find(
      ".glyphicon-chevron-up").removeClass("glyphicon-chevron-up")
      .addClass("glyphicon-chevron-down");

    }).on('hidden.bs.collapse', function ()
    {
        $(this).parent().find(".glyphicon-chevron-down")
        .removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron- 
        up");
    });
 });

HTML： -

<div class="accordion">
<h4 class="up">
    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
       Testing
        <span class="glyphicon  glyphicon-chevron-up" style="float: right"></span>
    </a>

</h4>


<div id="collapseOne" class="collapse">

始終顯示默認箭頭-單擊時顯示數據

Answer 1

原來是指向錯誤的JQuery版本-現在都可以使用...