查看“模板:Collapse”的源代码

<includeonly><bstyle>/*<pre>*/
.custom-collapse {
    margin-bottom: 0.5rem;
    font-family: system-ui, -apple-system, sans-serif;
    color: #334155;
    border-radius: 0.5rem;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.custom-collapse .collapse-header {
    padding: 1rem;
    cursor: pointer;
    font-weight: 500;
    background: white;
    border-radius: 0.5rem;
    position: relative;
}

.custom-collapse .collapse-header:hover {
    background: #f8fafc;
}

.custom-collapse .collapse-content {
    padding: 0 1rem 1rem;
    line-height: 1.6;
}

/* 自定义折叠图标 */
.custom-collapse .mw-collapsible-toggle {
    position: absolute;
    right: 1rem;
    color: #2563eb !important;
    font-weight: bold;
}
/*</pre>*/</bstyle>

<div class="custom-collapse mw-collapsible {{#ifeq:{{{open}}}|yes|mw-collapsed|}}" >
<div class="collapse-header mw-collapsible-toggle-wrapper">
<span>{{{title}}}</span>
</div>
<div class="collapse-content mw-collapsible-content">
{{{content}}}
</div>
</div></includeonly><noinclude>
{{Collapse
|title = 示例标题
|content = 这是一段示例内容，展示折叠面板的使用效果。
|open = yes
}}</noinclude>