User:AWCPublic/TemplateDoc:Toggle3

这个模板用于多个标签之间的切换，类似 tabber，但兼容移动端，目前设计最多支持五个标签. 两个标签之间的另外一种切换可见Template:Toggle.
 * 介绍
 * 例子

{	"params": { "t1": { "label": "标签1", "description": "第一个标签的显示文本, 页面加载完成后预设显示", "type": "line" },		"t-checked-style": { "label": "点击标签样式", "description": "点击时的标签的样式, 请使用HTML的内联style语法写入", "type": "string" },		"t2": { "label": "标签2", "description": "第二个标签的显示文本", "type": "line" },		"t3": { "label": "标签3", "description": "第三个标签的显示文本", "type": "line" },		"t4": { "label": "标签4", "description": "第四个标签的显示文本", "type": "line" },		"t5": { "label": "标签5", "description": "第五个标签的显示文本", "type": "line" },		"id": { "label": "ID", "description": "唯一ID, 页面中使用了多次该模板时请给不同的模板添加不同的ID", "default": "t", "type": "string" },		"t-unchecked-style": { "label": "未点击标签样式", "description": "未点击时的标签的样式, 请使用HTML的内联style语法写入", "type": "string" },		"c-style": { "label": "内容样式", "description": "所有内容的样式, 会添加在这些内容的最外层盒子上, 请使用HTML的内联style语法写入", "type": "string" },		"c1": { "label": "内容1", "description": "第一个标签对应的内容, 预设显示或点击标签1时显示", "type": "content" },		"c2": { "label": "内容2", "description": "第二个标签对应的内容, 点击标签2时显示", "type": "content" },		"c3": { "label": "内容3", "description": "第三个标签对应的内容, 点击标签3时显示", "type": "content" },		"c4": { "label": "内容4", "description": "第四个标签对应的内容, 点击标签4时显示", "type": "content" },		"c5": { "label": "内容5", "description": "第五个标签对应的内容, 点击标签5时显示", "type": "content" },		"style": { "label": "整体样式", "description": "整体样式, 请使用HTML的内联style语法写入", "example": "background:pink;", "type": "string" }	},	"description": " ", "paramOrder": [ "t1", "t2", "t3", "t4", "t5", "c1", "c2", "c3", "c4", "c5", "id", "style", "t-checked-style", "t-unchecked-style", "c-style" ] }
 * 用法