模板:Collapse/doc：修订间差异

以互动方式浏览历史

←上一编辑

可视化wikitext

2026年1月28日 (三) 18:20的最新版本

[ 刷新 ]

当前页面是文档页面，会被模板:Collapse引入。查看模板:Documentation获取更多信息。

本模板用于创建一个默认折叠的，可展开的元素。一般情况下可用于防止剧透、折叠进阶内容等。

参数

参数一为标题，未填写时默认为“详情”；参数 content（或参数二）为收起的内容（不需要保留新空行）。

示例

===紫色花===
{{Collapse|答案|content=一共有 22 朵紫色花。完成后奖励1个[[木头]]。<ref>这是一条引文测试。</ref>}}

===紫色海星===
{{Collapse|答案|content=一共有 18 个紫色海星。完成后奖励1个[[木头]]。<ref>这是另一条引文测试。</ref>}}

===引文测试===
<references/>

紫色花

答案

一共有 22 朵紫色花。完成后奖励1个木头。^[1]

紫色海星

答案

一共有 18 个紫色海星。完成后奖励1个木头。^[2]

引文测试

↑ 这是一条引文测试。
↑ 这是另一条引文测试。

说明

该模板作用与下方的 wikitable 示例类似，但展示效果略有不同，并且支持锚点、文本搜索自动定位的特性，并且在响应式（兼容不同的屏幕尺寸）上表现更好。

{|class="mw-collapsible mw-collapsed"
! style="text-align: left;" | '''标题''' 
|-
|
折叠起来的内容。如果内容比较长的话，展开和收起的按钮会到处乱跑。
|-
|}

标题
折叠起来的内容。如果内容比较长的话，展开和收起的按钮会到处乱跑。

本模板的折叠功能基于 HTML 标签 <details> 和 <summary> 实现，该方案不依赖 Javascript，总体效果更加稳定。

对于 Chromium 系的浏览器，浏览器自带的文本搜索功能能够直接搜索和定位被折叠的内容；引文等锚点也能自动定位。定位后会自动将对应的折叠进行展开。（Firefox 和 Safari 不支持相关特性）

[1] 这是一条引文测试。

[2] 这是另一条引文测试。

[1]

[2]

@@ 第1行： / 第1行： @@
-{{documentation header}}
+{{Documentation header}}
 <!-- 文档页面 -->
 本模板用于创建一个默认折叠的，可展开的元素。一般情况下可用于防止剧透、折叠进阶内容等。
-本模板的折叠功能基于 HTML 标签 {{Code|<details>}} 和 {{Code|<summary>}} 实现，由于 BWIKI 未原生支持，因此相关标签使用了 Widget 进行辅助。
-对于 Chromium 系的浏览器，浏览器自带的文本搜索功能能够直接搜索和定位被折叠的内容；引文等锚点也能自动定位。定位后会自动将对应的折叠进行展开。（Firefox 和 Safari 不支持相关特性）
 ==参数==
@@ 第11行： / 第7行： @@
 ==示例==
-{{模板|示例|
+<pre>
-<nowiki>
+===紫色花===
+{{Collapse|答案|content=一共有 22 朵紫色花。完成后奖励1个[[木头]]。<ref>这是一条引文测试。</ref>}}
+===紫色海星===
+{{Collapse|答案|content=一共有 18 个紫色海星。完成后奖励1个[[木头]]。<ref>这是另一条引文测试。</ref>}}
+===引文测试===
+<references/>
+</pre>
 ===紫色花===
-{{Collapse|答案|content=一共有 22 朵紫色花。完成后奖励1个[[金色核桃]]。<ref>这是一条引文测试。</ref>}}
+{{Collapse|答案|content=一共有 22 朵紫色花。完成后奖励1个木头。<ref>这是一条引文测试。</ref>}}
 ===紫色海星===
-{{Collapse|答案|content=一共有 18 个紫色海星。完成后奖励1个[[金色核桃]]。<ref>这是另一条引文测试。</ref>}}
+{{Collapse|答案|content=一共有 18 个紫色海星。完成后奖励1个木头。<ref>这是另一条引文测试。</ref>}}
 ===引文测试===
 <references/>
-</nowiki>
-}}
 ==说明==
 该模板作用与下方的 wikitable 示例类似，但展示效果略有不同，并且支持锚点、文本搜索自动定位的特性，并且在响应式（兼容不同的屏幕尺寸）上表现更好。
-{{模板|示例|
+<pre>
-<nowiki>
+{|class="mw-collapsible mw-collapsed"
+! style="text-align: left;" | '''标题'''&nbsp;
+|-
+|
+折叠起来的内容。如果内容比较长的话，展开和收起的按钮会到处乱跑。
+|-
+|}
+</pre>
 {|class="mw-collapsible mw-collapsed"
 ! style="text-align: left;" | '''标题'''&nbsp;
@@ 第35行： / 第45行： @@
 |-
 |}
-</nowiki>
-}}
+本模板的折叠功能基于 HTML 标签 <nowiki><details></nowiki> 和 <nowiki><summary></nowiki> 实现，该方案不依赖 Javascript，总体效果更加稳定。
+对于 Chromium 系的浏览器，浏览器自带的文本搜索功能能够直接搜索和定位被折叠的内容；引文等锚点也能自动定位。定位后会自动将对应的折叠进行展开。（Firefox 和 Safari 不支持相关特性）
 <includeonly>