手风琴.glyphicon-chevron-up和.glyphicon-chevron-down无效

Posted 2021-04-20

我正在使用带有向上和向下箭头的手风琴 - 当第一次运行时向下箭头显示，因此用户必须单击才能看到数据 - 单击向下箭头时会显示数据，但仍然显示向上箭头但不会恢复为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">

始终显示默认箭头 - 单击时显示数据

答案

原来它指向错误的JQuery版本 - 现在都在工作......