jquery - 引导折叠未关闭
问题描述
当我单击菜单时,它会打开但不会隐藏。我尝试使用不同版本的引导链接,但它不起作用。例如我用
<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>
解决方案
从锚标记中删除data-parent
属性。
推荐阅读
- vb.net - PCOMM 交叉污染
- c# - 在动态变化的 gridview 上显示列表的内容
- batch-file - 如何在批处理文件中调用脚本,清除变量?
- python - 如何使用 django 显示实时传感器数据
- jekyll - “如何修复 Jekyll 中的‘自动再生无限循环’”
- ios - NSCoding decodeObject 总是 nil
- java - 骆驼路由发布者未发布到 JMS 出站队列失败并出现 java.util.concurrent.RejectedExecutionException
- c# - 如果字段存在,C# 计数
- asp.net-mvc - 有更好的方法让 autofac 注册我的服务将使用哪个数据库?
- c - 数据结构布局