展开折叠

前言

• 用于折叠/展开相关信息内容

默认收起

点我展开你想看的内容

这里是你想看展开的内容 这里是你想看展开的内容 这里是你想看展开的内容 这里是你想看展开的内容

代码

<div class=drop-down-wrap >
<div class=wrap-title>
<div class=title>点我展开你想看的内容</div>
<div class="glyphicon icon-arrow-plus"></div>
</div>
<div class=wrap-content style="">
这里是你想看展开的内容
这里是你想看展开的内容
这里是你想看展开的内容
这里是你想看展开的内容
</div>
</div>

默认展开

点我收起下面的内容

快点把我隐藏起来
快点把我隐藏起来
快点把我隐藏起来
快点把我隐藏起来

代码

<div class=drop-down-wrap style="margin-bottom:30px">
<div class=wrap-title>
<div class=title><big>'''测试'''</big></div>
<div class="glyphicon icon-arrow-plus"></div>
</div>
<div class=wrap-content style="">
<div class=content>
<span class="circle cur"></span>[[编辑指南|<span class=txt>展示的名字</span>]]
<span class="glyphicon icon-arrow-right"></span>
</div>
<div class=content>
<span class="circle"></span>[[编辑指南|<span class=txt>展示的名字</span>]]
<span class="glyphicon icon-arrow-right"></span>
</div>
<div class=content>
<span class=circle></span>
<span class=txt>编辑指南</span>
<span class="glyphicon icon-arrow-right"></span>
</div>
<div class=btn-more>[[编辑指南|查看更多]]<span class="glyphicon icon-arrow-right"></span></div>
</div>
</div>

示例

测试

展示的名字

展示的名字

编辑指南

查看更多