模板:Collapse：修订间差异
来自星露谷物语扩展百科
更多语言
更多操作
删除的内容 添加的内容
无编辑摘要 |
修改实现的逻辑 |
||
| 第1行： | 第1行： | ||
<includeonly>{{#if:{{#varexists:collapse_css}}||{{#vardefineecho:collapse_css|{{#css:.collapse-text:before{content:"显示"}.collapse-text.collapsed:before{content:"显示"}.collapse-text:not(.collapsed):before{content:"隐藏"}.collapse.in>p,.collapse>p,.collapsing>p{margin:0}.btn-link{color:#0645ad}.btn-link:hover{color:#23527c}.collapse-left:before{content:"["}.collapse-right:before{content:"]"}.btn-collapse{padding:unset;font-size:14px;border:none;line-height:normal;vertical-align:unset} }}}}}}{{#vardefine:collapse_count|{{#expr:{{#var:collapse_count|0}}+1}}}}'''{{{1|详情}}}''' <span class="collapse-left"></span><span type="button" class="collapse-text btn btn-link btn-xs btn-collapse collapsed" data-toggle="collapse" data-target="#collapse{{#var:collapse_count}}" style="{{{css|}}}"></span><span class="collapse-right"></span> |
|||
<includeonly>{{#if: {{{tail|}}} || <div style="{{{outerstyle|}}}" class="collapsible {{#if: {{{expanded|}}} || collapsed }} collapsetoggle-{{{toggle align|inline}}}"> |
|||
<div id="collapse{{#var:collapse_count}}" class="collapse"> |
|||
{{#if: {{{title|{{{1|详情}}}}}} | <div>'''{{{title|{{{1|详情}}}}}}'''</div> }} |
|||
{{{content|}}} |
|||
<div class="collapsible-content" style="{{{style|{{{css|}}}}}}">}}{{#if: {{{head|}}} || |
|||
</div></includeonly><noinclude> |
|||
{{#if: {{{tail|}}} || {{{content}}}}} |
|||
</div></div>}}</includeonly><noinclude>此模板在启用JS的浏览器上折叠一些内容。此模板不是从页面上删除无关内容的替代方法；那里有不是立即有用但仍然相关的东西，例如测试数据。你可以将其视为长脚注的一种形式。 |
|||
== 参数 == |
|||
{| class="wikitable" |
|||
! 参数 !! 默认 !! 用法 |
|||
|- |
|||
| head || || 如果设置，则仅制作头部部分。 |
|||
|- |
|||
| tail || || 如果设置，则仅关闭头部以下的内容。 |
|||
|- |
|||
| outerstyle || || 容器的自定义CSS样式。 |
|||
|- |
|||
| style<br>css || || 折叠部分的自定义CSS样式。 |
|||
|- |
|||
| title<br>首个参数 || || 标题始终显示在折叠的内容上方。默认加粗。 |
|||
|- |
|||
| content || || 需要折叠的内容。 |
|||
|- |
|||
| expanded || || 设置为使内容可折叠，但默认情况下不折叠。 |
|||
|- |
|||
| toggle align || inline || 如何对齐显示/隐藏。值可以为{{cd|left}}、{{cd|right}}以使切换按钮悬浮，或者为{{cd|inline}}使按钮跟在标题后面。 |
|||
|} |
|||
==示例== |
==示例== |
||
===紫色花=== |
===紫色花=== |
||