实现原理:
<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标签,与触发器标签相同的内容段将发生变化。
此帮助页面就是典型应用例,源代码如下:
<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>