折叠测试
警告注意!
部分代码在该默认的“公民”皮肤已失效亦或者偏离了效果。
部分代码在该默认的“公民”皮肤已失效亦或者偏离了效果。
默认不折叠
<div class="toccolours mw-collapsible" style="(这里可以添加控制内容范围的csswidth:400px;)overflow:auto;"> <div style="font-weight:bold;line-height:1.6;">标题</div> <div class="mw-collapsible-content"> 文字内容还可以插入其他页面 <br> {{说明}} </div></div>
标题
默认折叠
<div class="toccolours mw-collapsible mw-collapsed"> 标题文字 <div class="mw-collapsible-content">这里是内容<br> {{说明}}</div> </div>
缺点在这个皮肤标题短的时候有点不会自动放大也有可能css错了。
标题文字
带自定义切换链接
警告注意!
手机屏幕用户可能无法使用,请避免使用!
手机屏幕用户可能无法使用,请避免使用!
如果不希望脚本将默认切换链接(无论是否带有自定义标签)放入元素中,则可以创建自己的切换链接。 这可以驻留在可折叠元素内部或外部的任何位置。 通过分别使用带有前缀的 ID 属性和具有可折叠元素和切换链接前缀的相应类属性来检测其与可折叠元素的关系。mw-customcollapsible mw-customtoggle
<span class="mw-customtoggle-myDivision">可以展开折叠的文字</span> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">被展开的文字</div> <span class="mw-customtoggle-myDivision">另外一个可以展开折叠的文字</span>
可以展开折叠的文字
被展开的文字
另外一个可以展开折叠的文字
可以展开折叠的文字默认展开
被展开的文字
表格内部
{| class="wikitable sortable" style="width:100%; margin:0;" |+ 表格标题 |- ! 标题1 ! 标题2 |- | 没有添加折叠 | 这里没有折叠内容 |- | 添加折叠表格 | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; margin:0;" ! 折叠1 ! 折叠2 |- | 1 | A |- | 2 | B |- | 3 | C |} |}
标题1 | 标题2 | ||||||||
---|---|---|---|---|---|---|---|---|---|
没有添加折叠 | 这里没有折叠内容 | ||||||||
添加折叠表格 |
|
mediawiki原生表格 {| class="wikitable sortable" style="width:100%; margin:0;" <tr> |- ! 标题1 ! 标题2 ! 标题3 |- | 一大堆文字 | 内容1 | 内容2 |- | class="mw-collapsible mw-collapsed" 一大堆文字 |内容 |内容 |- |} 还有代码版本 <table class="wikitable" style="width:100%; margin:0;"> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> <tr> <td>一大堆文字</td> <td>内容1</td> <td>内容2</td> </tr> <tr> <td class="mw-collapsible mw-collapsed">一大堆文字</td> <td>内容</td> <td>内容</td> </tr> </table> <div style="clear:both"></div>
mediawiki原生表格
标题1 | 标题2 | 标题3 |
---|---|---|
一大堆文字 | 内容1 | 内容2 |
一大堆被折叠文字 | 内容 | 内容 |
代码版本
标题1 | 标题2 | 标题3 |
---|---|---|
一大堆文字 | 内容1 | 内容2 |
一大堆文字 | 内容 | 内容 |
列表
无序列号
- 序列
- 序列
- 序列
- 序列号
- 序列号
- 序列号
在高级一点
标题1 | 标题2 |
---|---|
内容 | 内容 |
内容2 | 内容2 |
- 序列号
- 序列号
- 序列号