Expand

Th' expand shortcode displays an expandable/collaps'ble section o' text.

Expand me…

Thank ye!

That’s some text wit' a footnote1

That’s some more text wit' a footnote.2

  1. An' that’s th' footnote. ↩︎

  2. Anyth'n o' interest goes here.

    Blue light glows blue. ↩︎

Usage

​
> [!details]- Expand me...
> Thank ye!
{{% expand title="Expand me..." %}}Thank ye!{{% /expand %}}
{{% expand "Expand me..." %}}Thank ye!{{% /expand %}}
{{ partial "shortcodes/expand.html" (dict
  "page"  .
  "title" "Expand me..."
  "content" "Thank ye!"
)}}

Marrrkdown callout rules be avail'ble 'n other Marrrkdown parsers like Obsidian an' therefore be th' recommended rules fer generat'n portable Marrrkdown.

Th' notice shortcode be also cap'ble o' display'n expandable/collaps'ble sections o' text but wit' additional parameters fer color an' additional ay'cons.

Th' theme supports Hugo’s built-in details shortcode by mapp'n th' parameter t' th' theme’s expand shortcode.

Parameters

Name Posit'n Default Notes
title 1 "Details" Arbitrary text t' appear next t' th' expand/collapse ay'con.
expanded 2 false How th' rrrambl'n be displayed.

- true: th' rrrambl'n be initially shown
- false: th' rrrambl'n be initially hidden
<content> <empty> Arbitrary text t' be displayed on expand.

Examples

All Defaults

{{% expand %}}Yes, ye did it!{{% /expand %}}
Details
Yes, ye did it!

Initially Expanded

{{% expand title="Expand me..." expanded="true" %}}No need t' press ye!{{% /expand %}}
Expand me…
No need t' press ye!

Arbitrary Text

{{% expand title="Show me almost **endless** possibilities" %}}
Ye can add standard markdown rules:

- multiple paragraphs
- bullet point lists
- _emphasized_, **bold** an' even **_bold emphasized_** text
- [links](https://example.com)
- etc.

```plaintext
...and even source code
```

> th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)
{{% /expand %}}
Show me almost endless possibilities

Ye can add standard markdown rules:

  • multiple paragraphs
  • bullet point lists
  • emphasized, bold an' even bold emphasized text
  • links
  • etc.
...and even source code

th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)

Us'n Hugo’s details Shortcode

{{% details %}}
...be what it's all about!
{{% /details %}}
Details
...is what it's all about!