模板:Collapse：修订间差异
来自星露谷物语扩展百科
更多语言
更多操作
删除的内容 添加的内容
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的26个中间版本） | |||
| 第1行： | 第1行： | ||
<includeonly> |
<includeonly><div class="collapsed"><!-- |
||
| ⚫ | |||
<div class="collapsible-content" style="{{{css|}}}">}}{{#if: {{{head|}}} || |
|||
{{#if: {{{tail|}}} || {{{content}}}}} |
|||
</div></div>}}</includeonly><noinclude>此模板在启用JS的浏览器上折叠一些内容。此模板不是从页面上删除无关内容的替代方法；那里有不是立即有用但仍然相关的东西，例如测试数据。你可以将其视为长脚注的一种形式。 |
|||
--><details {{#if:{{{class|}}}|class="{{{class}}}"}}><!-- |
|||
== 参数 == |
|||
--><summary><!-- |
|||
{| class="wikitable" |
|||
--><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><!-- |
|||
! 参数 !! 默认 !! 用法 |
|||
-->{{#if:{{{content|{{{2|}}}}}}|<!-- |
|||
|- |
|||
| ⚫ | |||
| head || || 如果设置，则仅制作头部部分。 |
|||
-->}}<!-- |
|||
|- |
|||
--></summary><!-- |
|||
| tail || || 如果设置，则仅关闭头部以下的内容。 |
|||
|- |
|||
| outerstyle || || 容器的自定义CSS样式。 |
|||
|- |
|||
| css || || 折叠部分的自定义CSS样式。 |
|||
|- |
|||
| 首个参数 || || 标题始终显示在折叠的内容上方。不加粗，因此你可能需要自己做。 |
|||
|- |
|||
| content || || 需要折叠的内容。 |
|||
|- |
|||
| expanded || || 设置为使内容可折叠，但默认情况下不折叠。 |
|||
|- |
|||
| toggle align || inline || 如何对齐显示/隐藏。值可以为{{cd|left}}、{{cd|right}}以使切换按钮悬浮，或者为{{cd|inline}}使按钮跟在标题后面。 |
|||
--><div class="details-content">{{{content|{{{2|{{{1|详情}}}}}}}}}</div><!-- |
|||
|} |
|||
--></details><!-- |
|||
{{Englishdoc}} |
|||
</noinclude> |
|||
--></div></includeonly><noinclude>{{Documentation}}</noinclude> |
|||
2026年1月23日 (五) 10:03的最新版本
本模板用于创建一个默认折叠的，可展开的元素。一般情况下可用于防止剧透、折叠进阶内容等。
参数
参数一为标题，未填写时默认为“详情”；参数 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 不支持相关特性）
[ 查看 | 编辑 | 历史 | 刷新 ]上述文档的内容来自模板:Collapse/doc。