Shortcode to show and hide content.
1{{< bs/collapse >}}
2{{< /bs/collapse >}}
heading
Position | Name | Type | Required | Default | Since |
---|---|---|---|---|---|
#0 | heading | string | ✓ | - | - |
The heading.
style
Position | Name | Type | Required | Default | Since |
---|---|---|---|---|---|
#1 | style | string | - | primary | - |
The style: primary
, secondary
, success
, warning
, info
, danger
, light
, dark
.
expand
Position | Name | Type | Required | Default | Since |
---|---|---|---|---|---|
#2 | expand | string | - | false | - |
Whether to expand by default.
border
Position | Name | Type | Required | Default | Since |
---|---|---|---|---|---|
- | border | string | - | true | v0.21.0 |
Whether to show border.
rounded
Position | Name | Type | Required | Default | Since |
---|---|---|---|---|---|
- | rounded | string | - | true | v0.21.0 |
Whether to enable rounded border.
1{{< bs/collapse heading="1. Step One" expand=true >}}
2First of all ...
3{{< /bs/collapse >}}
4
5{{% bs/collapse "2. Step Two" secondary %}}
6And then ...
7{{% /bs/collapse %}}
8
9{{% bs/collapse "3. Step Three" success %}}
10**Well done**.
11{{% /bs/collapse %}}
1{{< bs/collapse heading="Configuration" expand=true >}}
2 {{< bs/config-toggle hugo >}}
3 params:
4 message: "Hello world!"
5 {{< /bs/config-toggle >}}
6{{< /bs/collapse >}}
7
8{{% bs/collapse "Template" %}}
9 ```go-html-template
10 <div class="greeting">
11 {{ site.Params.message }}
12 </div>
13 ```
14{{% /bs/collapse %}}
hugo.yaml
1params:
2 message: Hello world!
hugo.toml
1[params]
2 message = 'Hello world!'
hugo.json
1{
2 "params": {
3 "message": "Hello world!"
4 }
5}
1<div class="greeting">
2 {{ site.Params.message }}
3</div>
11. Item one
22. Item two {{< bs/collapse heading="Inline" expand=true >}}_Inline_ markdown{{< /bs/collapse >}}
33. Item three {{< bs/collapse heading="Code block" expand=true >}}
4 ```sh
5 echo "Hello world"
6 ```
7 {{< /bs/collapse >}}
84. Item four
1echo "Hello world"