置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

幫助:摺疊

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Commons-emblem-notice.svg
這個頁面「Help:摺疊」是萌娘百科的幫助文檔
  • 本文用於介紹萌娘百科中一些特定功能的操作方法;
  • 本文僅是一篇論述,不屬於方針或指引。如果本指南與相關方針或指引發生衝突或存在不一致的情況,請以方針或指引的條文為準。
Ambox warning orange.svg
請避免在主名字空間中對大段內容乃至整個條目應用此功能,以免影響不熟悉其運作機制的用戶的閱讀體驗。

本文介紹如何使用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>
結果:

這裏的文字不會被摺疊

摺疊文字 Four score and seven years ago our forefathers brought forth on this continent

自定義摺疊按鈕

Icon-info.png
除娛樂用途外,請儘量保證摺疊按鈕易於辨認。
  • mw-customtoggle-<自定義名字>:通過添加這個類在一個元素上使之成為摺疊按鈕,並在摺疊內容所在的元素上添加同名的ID屬性來控制摺疊內容,此時摺疊內容應添加mw-collapsedmw-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>
== 我是標題 ==
此時應在摺疊內容與標題之間加{{clear}}以消除摺疊內容對標題的影響,即:
<div class="mw-collapsible" style="width:60em;">摺疊文字 Four score and seven years ago our forefathers brought forth on this continent</div>
{{clear}}
== 我是標題 ==