查看“折叠面板”的源代码


<div class="wikitable panel-group mw-collapsible mw-made-collapsible">
<div class="panel panel-info" style="padding:0px"><div class="panel-heading"><a class="clearfix show" data-toggle="collapse" data-parent="#mc_accordion-1" data-target="#mc_collapse-1">测试标题1展开/折叠</a></div><div id="mc_collapse-1" class="panel-body panel-collapse collapse in">测试内容</div></div><div class="panel panel-info" style="padding:0px"><div class="panel-heading"><a class="clearfix show" data-toggle="collapse" data-parent="#mc_accordion-1" data-target="#mc_collapse-2">测试标题2展开/折叠</a></div><div id="mc_collapse-2" class="panel-body panel-collapse collapse">测试内容</div></div></div>



{{#css:
.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}
.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

}}