折叠组件
<h4>1.折叠组件相关代码</h4>
<ul>
<li>css文件引入：
<pre><code class="language-java"><link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"></code></pre></li>
<li>js文件引入：
<pre><code class="language-java"><script src="/js/jquery.min.js?v=2.1.4"></script>
<script type="text/javascript" src="/js/bootstrap.min.js?v=3.3.6"></script></code></pre></li>
</ul>
<p>html代码：</p>
<pre><code class="language-java"><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">
点击我进行展开，再次点击我进行折叠。第 1 部分
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
Nihil anim keffiyeh helvetica, craft beer labore wes anderson
cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
vice lomo.
</div>
</div>
</div>
</div></code></pre>
<blockquote>
<p>panel-group可划分组，多个panel可关联控制，只会展开一个panel，相应的控制关闭其他panel</p>
</blockquote>