您的位置：首页 > Web前端 > BootStrap

bootstrap-collapse展开收起插件

2020-04-24 11:02 981 查看
  • 添加依赖
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
  • jsp页面
<body>
<div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion"
href="#collapseOne">
点我展开/收起
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
我是展开/收起内容
<c:forEach items="${particDefaltList}" var="p">
<li>${p.particName}</li>
</c:forEach>
</div>
</div>
</div>
</div>
</body>
  • 点赞
  • 收藏
  • 分享
  • 文章举报
Jsonstan_Z 发布了9 篇原创文章 · 获赞 0 · 访问量 232 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航