![]() | 本頁介紹的是自定義的摺疊模板。關於更為常用的摺疊模板,請見「Template:Hide」。關於模板展開的響應範圍是整段文字和圖片的摺疊模板,請見「Template:Toggle」。 |
---|
![]() |
本頁面之全部或部分原來自灰機wiki的幫助:摺疊,依 CC BY-NC-SA 3.0 授權引入;原貢獻者可以在這裡看到。 |
本文介紹如何使用MediaWiki內置的jQuery解決方案來實現摺疊內容。默認的Navbox模板中已經集成了此功能。
在Html元素(div、span、table等)上添加一個名為mw-collapsible
的類(class)
<div class="mw-collapsible" style="width:60em;">摺疊文字 Four score and seven years ago our forefathers brought forth on this continent</div>
data-expandtext
:展開文字,默認為「展開」data-collapsetext
:摺疊文字,默認為「合併」<div class="mw-collapsible" data-expandtext="打開我" data-collapsetext="關閉我" style="width:20em;">歡迎來到萌娘百科</div>
mw-collapsed
:通過添加這個類在一個元素上使之默認為「摺疊」狀態mw-collapsible
:通過添加這個類在一個元素上使之默認為「展開」狀態mw-collapsible-content
:通過添加這個類在一個元素上使之成為自定義的摺疊內容部分<div class="mw-collapsible mw-collapsed" style="width:60em;"> 這裡的文字不會被摺疊 <div class="mw-collapsible-content">摺疊文字 Four score and seven years ago our forefathers brought forth on this continent</div> </div>
這裡的文字不會被摺疊
mw-customtoggle-<自定義名字>
:通過添加這個類在一個元素上使之成為摺疊按鈕,並在摺疊內容所在的元素上添加同名的ID屬性來控制摺疊內容,此時摺疊內容應添加mw-collapsed
、mw-collapsible
類。
<span class="mw-customtoggle-huiji">摺疊按鈕A</span> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-huiji">摺疊的內容</div> <span class="mw-customtoggle-huiji">摺疊按鈕B</span>
摺疊按鈕A
摺疊按鈕B
<div class="mw-collapsible mw-customtoggle-NoWorldcollapse" id="mw-customcollapsible-NoWorldcollapse">'''摺疊(點我)'''</div> <div class="mw-collapsible mw-collapsed mw-customtoggle-NoWorldcollapse" id="mw-customcollapsible-NoWorldcollapse">'''展開(點我)'''</div>
<div class="mw-collapsible" style="width:60em;">摺疊文字 Four score and seven years ago our forefathers brought forth on this continent</div> == 我是標題 ==
結果:
<div class="mw-collapsible" style="width:60em;">摺疊文字 Four score and seven years ago our forefathers brought forth on this continent</div> {{clear}} == 我是標題 ==
結果:
|