模板:折叠面板/文档:修订间差异

无编辑摘要
 
(未显示1个用户的8个中间版本)
第2行: 第2行:
===使用方法===
===使用方法===
====注意====
====注意====
主框: 数字或者英文,可选,如果存在多个不同的折叠组时必选.注意!标题与开始的主框参数必须一致.
*主框: 数字或者英文,可选,如果存在多个不同的折叠组时必选.注意!标题与开始的主框参数必须一致.
选项:数字或者英文,可选,一个组里面大于一个选项是必选.且选项值不能相同
*选项:数字或者英文,可选,一个组里面大于一个选项是必选.且选项值不能相同
展开:值任意,可选.是否直接展开</pre>
*展开:值任意,可选.是否直接展开
====你所写的====
====你所写的====
 
<pre>{{折叠面板|开始|主框=1}}
<pre>{{测试|开始|主框=1}}
{{折叠面板|标题=测试标题1|选项=1|主框=1|展开=是}}
{{折叠面板|标题=测试标题1|选项=1|主框=1|展开=是}}
测试内容
测试内容
第15行: 第14行:
{{折叠面板|内容结束}}
{{折叠面板|内容结束}}
{{折叠面板|结束}}</pre>
{{折叠面板|结束}}</pre>
{{#css:.accordion{ margin-bottom: 20px}.accordion .accordion-item{ position: relative;margin-bottom: 2px;font-size: 1em;}.accordion .accordion-header{ cursor: pointer;font-weight: bold; color: #915d2e; background: #dfcdad;}.accordion .accordion-button:not(.collapsed){color: #915d2e;}.accordion .accordion-button{padding:.5em;background-color: #dfcdad !important; color: #915d2e;font-size:1em;}.accordion .accordion-body{padding:.5em; color: #666; background: #fbf9f1;  }.accordion-flush>.accordion-item{border:none; }.accordion-body p { line-height: 1.6;}}


====显示内容====
====显示内容====
{{折叠面板|开始|主框=1}}
{{折叠面板|开始|主框=1}}
{{折叠面板|标题=测试标题1|选项=1|主框=1|展开=是}}
{{折叠面板|标题=测试标题1|选项=1|主框=1|展开=是}}
测试内容测试内容测试内容测试内容测试内容测试内容<br/>
测试内容测试内容测试内容测试内容<br/>
容测试内容测试内容测试内容测试内
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=2|主框=1}}
测试内容
测试内容
{{折叠面板|内容结束}}
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=2|主框=1}}
{{折叠面板|结束}}
 
===多个嵌套===
====你所写的====
<pre>{{折叠面板|开始|主框=main}}
{{折叠面板|标题=测试标题1|选项=m1|主框=main|展开=是}}
{{折叠面板|开始|主框=main-sub}}
{{折叠面板|标题=子面板测试标题1|选项=s1|主框=main-sub|展开=是}}
子面板内容1
{{折叠面板|内容结束}}
{{折叠面板|标题=子面板测试标题2|选项=s2|主框=main-sub}}
子面板内容2
{{折叠面板|内容结束}}
{{折叠面板|结束}}
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=m2|主框=main}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|结束}}</pre>
 
{{#css:.accordion{ margin-bottom: 20px}.accordion .accordion-item{ position: relative;margin-bottom: 2px;font-size: 1em;}.accordion .accordion-header{ cursor: pointer;font-weight: bold; color: #915d2e; background: #dfcdad;}.accordion .accordion-button:not(.collapsed){color: #915d2e;}.accordion .accordion-button{padding:.5em;background-color: #dfcdad !important; color: #915d2e;font-size:1em;}.accordion .accordion-body{padding:.5em; color: #666; background: #fbf9f1;  }.accordion-flush>.accordion-item{border:none; }.accordion-body p { line-height: 1.6;}}
 
====显示内容====
{{折叠面板|开始|主框=main}}
{{折叠面板|标题=测试标题1|选项=m1|主框=main|展开=是}}
{{折叠面板|开始|主框=main-sub}}
{{折叠面板|标题=子面板测试标题1|选项=s1|主框=main-sub|展开=是}}
子面板内容1
{{折叠面板|内容结束}}
{{折叠面板|标题=子面板测试标题2|选项=s2|主框=main-sub}}
子面板内容2
{{折叠面板|内容结束}}
{{折叠面板|结束}}
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=m2|主框=main}}
测试内容
测试内容
{{折叠面板|内容结束}}
{{折叠面板|内容结束}}
{{折叠面板|结束}}
{{折叠面板|结束}}

2024年6月3日 (一) 11:36的最新版本

使用方法

注意

  • 主框: 数字或者英文,可选,如果存在多个不同的折叠组时必选.注意!标题与开始的主框参数必须一致.
  • 选项:数字或者英文,可选,一个组里面大于一个选项是必选.且选项值不能相同
  • 展开:值任意,可选.是否直接展开

你所写的

{{折叠面板|开始|主框=1}}
{{折叠面板|标题=测试标题1|选项=1|主框=1|展开=是}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=2|主框=1}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|结束}}


显示内容

测试标题1
>>>点击可展开查看详情<<<

测试内容测试内容测试内容测试内容测试内容测试内容
测试内容测试内容测试内容测试内容
容测试内容测试内容测试内容测试内

测试内容


多个嵌套

你所写的

{{折叠面板|开始|主框=main}}
{{折叠面板|标题=测试标题1|选项=m1|主框=main|展开=是}}
{{折叠面板|开始|主框=main-sub}}
{{折叠面板|标题=子面板测试标题1|选项=s1|主框=main-sub|展开=是}}
子面板内容1
{{折叠面板|内容结束}}
{{折叠面板|标题=子面板测试标题2|选项=s2|主框=main-sub}}
子面板内容2
{{折叠面板|内容结束}}
{{折叠面板|结束}}
{{折叠面板|内容结束}}
{{折叠面板|标题=测试标题2|选项=m2|主框=main}}
测试内容
{{折叠面板|内容结束}}
{{折叠面板|结束}}


显示内容

测试标题1
>>>点击可展开查看详情<<<
子面板测试标题1
>>>点击可展开查看详情<<<

子面板内容1

子面板内容2

测试内容