jquery - Bootstrap 折叠未关闭

Question

当我点击离开菜单时，它会打开但不会隐藏。我尝试使用不同版本的 Bootstrap 链接，但它不起作用。比如我用了

<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

在 jQuery 之后包含 Bootstrap.js 文件，而不是之前。