User:李皇谛/Help/自定义折叠

自定义折叠
模板：ToggleMediaWiki

自定义折叠按钮

🖱触发器

NC默认显示的内容

NO默认隐藏的内容

实现原理：

<div class="mw-customtoggle-{{#var:触发器ID}}" style="cursor:pointer" title="单击此处展开或折叠剩余内容">触发器</div>
<div class="mw-collapsible show" id="mw-customcollapsible-{{#var:触发器ID}}">默认显示的内容</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{#var:触发器ID}}">默认隐藏的内容</div>

其中{{#var:触发器ID}}替换为你希望放置的ID标签，与触发器标签相同的内容段将发生变化。

• 一个ID可对应多个触发器和多个内容，达到联控的效果。
• 配合<div class="mw-ui-button">使用效果更佳。

此帮助页面就是典型应用例，源代码如下：

<div class="mw-customtoggle-自定义折叠" style="cursor:pointer" title="单击此处展开或折叠剩余内容">🖱触发器</div>
<div class="mw-collapsible show" id="mw-customcollapsible-自定义折叠"><span style="color:#FFF; background-color:#D00">NC</span>默认显示的内容</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-自定义折叠"><span style="color:#FFF; background-color:green">NO</span>默认隐藏的内容</div>

---