類似{{Hide}}的功能。不同於{{Hide}}只能按鍵展開摺疊,本模板展開的響應範圍是整段文字和圖片。
{{Toggle |button= |content= }}
{{Toggle |button= 上方內容 |content= 隱藏內容 }}
你可以點擊下面文字來看到隱藏信息。
{{Toggle |button= '''メルト''' |content= {{BilibiliVideo|id=188136|page=3}} }} ---- {{Toggle |button= '''メルト2M MIX''' |content= {{BilibiliVideo|id=39890}} }}
你可以點擊下面文字來看到隱藏信息。
{{Toggle |button= [[File:18077635 big p2.jpg|200px]] |content= Illustration by {{lj|倉澤もこ}} }}
你可以點擊下面圖片來看到隱藏信息。
<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>
的上方來實現該功能,以確保標題的正常顯示。
未發現編輯按鈕的原因是本模板頁面有編輯保護,不會自動添加編輯按鈕。請通過說明文檔原頁面查看正常視圖。點擊跳轉
請注意,所有包含在模板內的標題都會出現這種情況,所以應儘量避免在模板內使用標題。
默認button與content之間會有一個{{clear}},這可能導致toggle與infobox等浮動元素兼容性較差。可以通過傳入noclear
參數覆蓋。
{{Toggle |button=按鈕 |content=文字 |noclear=true }} {{clear}}
對比不傳入noclear
的版本:
可使用自定義標籤,指定用於控制顯示的按鈕和受到控制的頁面。同一標籤下的不同按鈕,都會控制同一標籤下不同位置的內容。
ToggleDoc_多個按鈕和內容
這裡存在三個按鈕,這三個按鈕都會控制下方內容的展示情況,你也可以<span class="mw-customtoggle-ToggleDoc_多個按鈕和內容" style="cursor:pointer; display:inline-block;" title="點我試試">{{Keypress|點我試試}}</span>。 <div class="mw-ui-button mw-customtoggle-ToggleDoc_多個按鈕和內容" style="cursor:pointer;display:inline-block;" title="按鈕1">按鈕1</div> <div class="mw-ui-button mw-ui-progressive mw-customtoggle-ToggleDoc_多個按鈕和內容" style="cursor:pointer;display:inline-block;" title="按鈕2">按鈕2</div> <div class="mw-ui-button mw-ui-destructive mw-customtoggle-ToggleDoc_多個按鈕和內容" style="cursor:pointer;display:inline-block;" title="按鈕3">按鈕3</div> <hr/> 這是第一行。 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-ToggleDoc_多個按鈕和內容">這是隱藏的第二行。</div> 這是第三行。 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-ToggleDoc_多個按鈕和內容">這是隱藏的第四行。</div> 這是第五行。
這裡存在三個按鈕,這三個按鈕都會控制下方內容的展示情況,你也可以點我試試。
這是第一行。
這是第三行。
這是第五行。
clear:both