index.md

type	title	linkTitle	nav_weight	nav_icon	featured	pinned	date	draft	series	categories	tags	authors	images	aliases
docs	Bootstrap Collapse Shortcode	Collapse	1000	vendor name className bs chevron-expand text-success	false	false	2023-03-24 20:12:21 +0800	false	Docs Modules	Bootstrap	Collapse	HugoMods RazonYang		/en/docs/bootstrap/collapse

The collapse shortcode is used to show and hide content.

Parameters

Position	Name	Type	Required	Default	Description
#0	heading	string	Y	-	The heading.
#1	style	string	-	primary	primary, secondary, success, warning, info, danger, light, dark.
#2	expand	-	boolean	false	Whether to expand by default.

Examples

Steps Example

{{</* bs/collapse heading="1. Step One" expand=true */>}}
First of all ...
{{</* /bs/collapse */>}}

{{%/* bs/collapse "2. Step Two" secondary */%}}
And then ...
{{%/* /bs/collapse */%}}

{{%/* bs/collapse "3. Step Three" success */%}}
**Well done**.
{{%/* /bs/collapse */%}}

{{< bs/collapse heading="1. Step One" expand=true >}} First of all ... {{< /bs/collapse >}}

{{% bs/collapse "2. Step Two" info %}} And then ... {{% /bs/collapse %}}

{{% bootstrap/collapse "3. Step Three" success %}} Well done. {{% /bootstrap/collapse %}}

Files Example

{{</* bs/collapse heading="Configuration" expand=true */>}}
  {{</* bs/config-toggle hugo */>}}
  params:
    message: "Hello world!"
  {{</* /bs/config-toggle */>}}
{{</* /bs/collapse */>}}

{{%/* bs/collapse "Template" */%}}
  ```go-html-template
  <div class="greeting">
    {{ site.Params.message }}
  </div>
  ```
{{%/* /bs/collapse */%}}

{{< bs/collapse heading="Configuration" expand=true >}} {{< bs/config-toggle hugo >}} params: message: "Hello world!" {{< /bs/config-toggle >}} {{< /bs/collapse >}}

{{% bootstrap/collapse "Template" %}}

<div class="greeting">
  {{ site.Params.message }}
</div>

{{% /bootstrap/collapse %}}