Блог

Я использую Accordion со стрелками вверх и вниз — при первом запуске отображается стрелка вниз, поэтому пользователю пришлось щелкнуть, чтобы увидеть данные — данные отображаются при нажатии на стрелку вниз, но стрелка вверх все еще отображается и не возвращается к значению вверх…У меня есть функция 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 — теперь все работает…