實現原理:
<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>