Развал бутстрапа не закрыт

Question

Когда я щелкаю по меню, оно открывается, но не скрывается.Я пытался использовать разные версии загрузочных ссылок, но это не работает.Например я использовал

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

     <div class="panel panel-default">
          <div class="panel-heading">
               <h4 class="panel-title">
                   <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThirteen">Other Countries<i class="indicator glyphicon glyphicon-chevron-up  pull-right"></i>
                   </a>
               </h4>
         </div>
     <div id="collapseThirteen" class="panel-collapse collapse">
          <div class="panel-body c-d">
               <p><b>Annual Course Fee Details </b><a href="images/2019/feeinternational/South-Africa-Fee.pdf" target="blank">Click Here</a> </p>
              <p><b>Hostel Fee Per Year</b></p>
              <p>1100 USD</p>
              <br/>
              <p><b>Including Food, Accommodation, Swimming Pool, Laundry, 24*7 WiFi, 4 times meal, Gym, Sports & Cinema</b></p>
           </div>
      </div>
  </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Answer 1

Удалить атрибут data-parent из тега привязки.

Answer 2

Включить файл Bootstrap.js после jQuery, а не до.