2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

李皇谛>帮助页面>自定义折叠

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

自定義摺疊
模板:ToggleMediaWiki

自定義摺疊按鈕

🖱觸發器
NC默認顯示的內容

實現原理:

<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>