- 你好~!歡迎來到萌娘百科!如果您是第一次來到這裡,點這裡加入萌娘百科!
- 歡迎具有翻譯能力的同學~有意者請點→Category:需要翻譯的條目←
- 如果您在萌娘百科上發現某些內容錯誤/空缺,請勇於修正/添加!編輯萌娘百科其實很容易!
- 歡迎關注 萌娘百科各大平台官方帳號 ~
- 覺得萌娘百科有趣的話,請推薦給朋友哦~
- 萌娘百科新人/遊客群119170500歡迎加入,加入時請寫明【萌百用戶名或擬反饋內容】~
使用說明:摺疊
![]() | 本頁介紹的是自定義的摺疊模板。關於更為常用的摺疊模板,請見「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>
- 結果:
合併
摺疊文字 Four score and seven years ago our forefathers brought forth on this continent
自定義按鈕文字
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
類。- 【注意】由於html元素ID名字之中的漢字會被轉義為%文字,因此<自定義名字>部分務必是英文,否則會導致摺疊功能無法正常使用。
<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> == 我是標題 ==
結果:
合併
摺疊文字 Four score and seven years ago our forefathers brought forth on this continent
我是標題
- 此時應在摺疊內容與標題之間加{{clear}}以消除摺疊內容對標題的影響,即:
<div class="mw-collapsible" style="width:60em;">摺疊文字 Four score and seven years ago our forefathers brought forth on this continent</div> {{clear}} == 我是標題 ==
結果:
合併
摺疊文字 Four score and seven years ago our forefathers brought forth on this continent
我是標題
|