Bản mẫu:Collapse/doc

Bản mẫu Collapse được sử dụng để đặt các hộp thu gọn xung quanh các nội dung ngắn và các đoạn thảo luận (bảng, mẫu mã dài, v.v.). Đối với toàn bộ nội dung, hãy sử dụng Collapse top và Collapse bottom.

**Sử dụng**
Để chắc chắn an toàn nhất, nên sử dụng 1 và 2 , vì nếu không thì bản mẫu có thể bị phá vỡ nếu có bất kỳ ký tự "=" nào.

**Tham số bg**
Tham số bg là tùy chọn. Nó thay đổi màu nền, sử dụng các giá trị màu web (ví dụ:#F0F2F5).
Ví dụ:
Discussion text to be put into box.

**Tham số padding**
Tham số padding điều chỉnh độ rộng ô nội dung (mặc định là 8px):
Discussion text to be put into box.

**Xung quanh văn bản tiêu đề**
Khi được sử dụng với một phần văn bản, hãy bao gồm tiêu đề phần đó trong phần văn bản được thu gọn. Ví dụ, cho:
Thay bằng:

**Tham số expand**
Thêm |expand=yes để hộp hiển thị ở dạng mở rộng với liên kết "ẩn", thay vì ở dạng thu gọn với liên kết "hiện". Dùng |expand= có giá trị trống hoặc không dùng tham số expand sẽ để hộp hiển thị ở dạng thu gọn.

**Tham số float**
Thsm số float cho phép nội dung thu gọn nổi sang trái, phải hoặc giữa trang (mặc định là none với width = 100%):
Collapse|1=Discussion text to be put into box.|float=center tạo ra:
Collapse|1=Discussion text to be put into box.|float=center|width=30em tạo ra:
Collapse|1=Discussion text to be put into box.|float=left|width=30em tạo ra:
Collapse|1=Discussion text to be put into box.|float=right|width=30em tạo ra:
Collapse|1=Discussion text to be put into box.|float=none|width=30em tạo ra:

**Tham số clear**
Trong một số trường hợp, bạn có thể không muốn áp dụng giá trị CSS mặc định clear: both;, điều này sẽ đặt hộp thu gọn bên dưới bất kỳ nội dung nổi bên trái hoặc bên phải nào trong cùng một khối HTML. Trong trường hợp này, bạn có thể sử dụngnone, right, or left, as needed.

**Khi nội dung bao gồm các bảng**
Bản mẫu này thường bị hỏng khi được sử dụng xung quanh nội dung bao gồm hoặc bao gồm wikitable. Nội dung như vậy có thể được thu gọn bằng cách sử dụng collapse top và collapse bottom thay vì dùng collapse. 

**TemplateData**
{
	"description": "Creates a collapsible box that allows its content to be hidden or revealed on user's command. It is used to reduce clutter.",
	"params": {
		"1": {
			"label": "Contents",
			"description": "Contents of the box",
			"type": "content",
			"required": true,
			"aliases": 
				"content",
				"text"
			
		},
		"2": {
			"label": "Title",
			"description": "Text of title bar. Defaults to \"Extended contents\".",
			"type": "string",
			"suggested": true,
			"aliases": 
				"title",
				"heading",
				"header",
				"reason",
				"result"
			,
			"default": "Extended content"
		},
		"expand": {
			"label": "Expanded by default?",
			"description": "Setting to \"yes\" (or \"y\", \"expand\", \"expanded\", \"uncollapse\", or \"uncollapsed\") will cause the box to show its contents by default. Any other value (and omitting this parameter) causes the box to be expanded by default.  If not set or set to another value (e.g. \"no\") the box will be collapsed by default (its contents hidden).",
			"type": "string",
			"default": "no"
		},
		"border": {
			"label": "Border width",
			"description": "Width of the outermost border. Accepts a number (e.g. 2) followed immediately with a CSS-compatible unit of measurement. (e.g. \"px\") Example: 2px.",
			"type": "string",
			"default": "1px"
		},
		"bg": {
			"label": "Title bar's color",
			"description": "Color of the title bar. Can be set any valid CSS color value but please take care that text would remain black.",
			"type": "string",
			"aliases": 
				"background"
			,
			"default": "#F0F2F5"
		},
		"padding": {
			"label": "Padding",
			"description": "Width of the padding, the empty space between border and the contents. Accepts a number (e.g. 2) followed immediately with a CSS-compatible unit of measurement. (e.g. \"px\") Example: 2px.",
			"default": "8px"
		},
		"bg1": {
			"label": "Outer background",
			"description": "Color of the space between the inner and outer border. Can be set to any valid CSS color.",
			"type": "string",
			"default": "transparent"
		},
		"b-color": {
			"label": "Outer border color",
			"description": "Color of the outer border. Can be any valid CSS color.",
			"type": "string",
			"default": "silver"
		},
		"width": {
			"label": "Collapse box width",
			"description": "The width of the entire collapsed box.",
			"type": "string",
			"default": "100%"
		},
		"center": {
			"label": "Center-align title",
			"description": "If set to any value, the title will be centered.",
			"type": "boolean"
		},
		"fc": {
			"label": "Font color",
			"description": "Font color for the title. Also sets the color of the show/hide link. Can be any valid CSS color",
			"type": "string"
		},
		"class": {
			"label": "CSS class",
			"description": "Additional CSS class to add",
			"type": "string"
		},
		"float": {
			"label": "CSS float",
			"description": "CSS float, one of \"left\", \"right\", \"none\", \"center\"/\"centre\", or blank.",
			"type": "string"
		},
		"clear": {
			"label": "CSS clear",
			"description": "CSS clear value.  The default depends on the selected float.  Usually one of \"none\", \"left\", \"right\", or \"both\"",
			"type": "string"
		},
		"left": {
			"label": "Left-align title",
			"description": "Left-aligns the title.  Takes precedence over center.",
			"type": "boolean"
		},
		"border2": {
			"label": "Content border",
			"description": "CSS border styling to add to the content.",
			"type": "string",
			"default": "1px silver"
		},
		"bg2": {
			"label": "Content background color",
			"description": "Background color to use for expanded content.",
			"type": "string",
			"default": "white"
		}
	}
}

**Xem thêm**
 collapse top- collapse bottom- discussion top- archive top- hidden- hidden archive top