模板:Toggle/doc

類似{{Hide}}的功能。不同於{{Hide}}只能按鍵展開摺疊，本模板展開的響應範圍是整段文字和圖片。

用法

{{Toggle
|button= 
|content= 
}}

• 使用該模板時最好有註明能展開的提示

範例

{{Toggle
|button= 上方内容
|content= 隐藏内容
}}

你可以點擊下面文字來看到隱藏信息。

上方內容

隱藏內容

多個使用

{{Toggle
|button= '''メルト'''
|content= {{BilibiliVideo|id=188136|page=3}}
}}
----
{{Toggle
|button= '''メルト2M MIX'''
|content= {{BilibiliVideo|id=39890}}
}}

你可以點擊下面文字來看到隱藏信息。

メルト

寬屏模式顯示視頻

---

メルト2M MIX

寬屏模式顯示視頻

使用圖片

{{Toggle
|button= [[File:18077635 big p2.jpg|200px]]
|content= Illustration by {{lj|倉澤もこ}}
}}

你可以點擊下面圖片來看到隱藏信息。

Illustration by 倉澤もこ

內容中含有標題時

<div class="mw-customtoggle-hidden_content_with_title" style="cursor:pointer">上方内容</div>
<div style="clear:both"></div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-hidden_content_with_title">
== 含有标题的隐藏内容 ==
</div>

當隱藏內容中含有標題時，應當把要隱藏的內容放置在以上HTML代碼中</div>的上方來實現該功能，以確保標題的正常顯示。

上方內容

含有標題的隱藏內容

---

• 注意：直接使用此模板時，標題後方將不會自動添加編輯按鈕，請通過{{Edit}}手動添加對應按鈕。

上方內容

含有標題的隱藏內容

未發現編輯按鈕的原因是本模板頁面有編輯保護，不會自動添加編輯按鈕。請通過說明文檔原頁面查看正常視圖。點擊跳轉

請注意，所有包含在模板內的標題都會出現這種情況，所以應儘量避免在模板內使用標題。

與infobox兼容

默認button與content之間會有一個{{clear}}，這可能導致toggle與infobox等浮動元素兼容性較差。可以通過傳入noclear參數覆蓋。

{{Toggle
|button=按钮
|content=文字
|noclear=true
}}
{{clear}}

這是一個很長的浮動元素，例如infobox

按鈕

文字緊跟着按鈕。

---

對比不傳入noclear的版本：

這是一個很長的浮動元素，例如infobox

按鈕

文字在浮動元素的下方。

衍生

• {{Toggle pic}}，為使用圖片而設計，可以調整佔據的空間。
• {{Toggle pics}}，方便大量使用圖片而設計。
• {{ToggleInline}}，可使button與content處在同一行