The WolfspyreLabs Blog/ Snippits & Exemplars/ WolfspyreLabs Exemplars/ WolfspyreLabs Shortcodes/ Expand/ Expand 🐺 expand help to decrease clutter on screen by hiding part of text. Expand content by clicking on it. Thanks to the deep exploration of Nelis Oostens1, There’s a Quirks of Shortcode Behavior with markdown AND html! It’s important to note that the impact of the above, is that most use cases of the expand shortcode will now require using the alternative shortcode invocation syntax: {{% %}} in lieu of {{< >}}. Please read the above link for a more in-depth explanation of the problem, and workaround. Full Parameter Description 📜 ⤵ in positional order: title #(String) (Default: ‘Expand’) This sets the string displayed in the heading. May contain emoji. symbol #(String) (Default: ‘↕’) The glyph, string, emoji, or other element expanded #(Bool) (Default: ‘false) id #(String) (Default: ‘substr (sha1 .Inner) 0 8’2) Default # {{% expand %}} ## Markdown content Dolor sit, sumo unique ... {{% /expand %}} Expand ↕ Markdown content #Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. With A Custom Label # {{% expand "Custom Label" "..." %}} ## Markdown content Dolor sit, sumo unique ...[^note] {{% /expand %}} {{% expand title="Named Custom Label" symbol="⤵" %}} ## Markdown content Dolor sit, sumo unique ... [^note] {{% /expand %}} Custom Label ... Markdown content #Dolor sit, sumo unique …3 Named Custom Label ⤵ Markdown content #Dolor sit, sumo unique …3 Default Open With Custom Label # {{% expand "Custom Label" "..." true %}} ## Markdown content Dolor sit, sumo unique ... [Who is this lorem ipsum fellow?][lorem][^lorem] {{% /expand %}} {{% expand title="Custom Label" symbol="..." expanded=true %}} ## Markdown content Dolor sit, sumo unique ... [Who is this lorem ipsum fellow?][lorem][^lorem] {{% /expand %}} Custom Label ... More markdown #Who is this lorem ipsum fellow?4 Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo. https://oostens.me/posts/hugo-shortcodes-with-markdown-gotchas/ ↩︎ https://gohugo.io/functions/substr/ ↩︎ Note to self: Don’t get attached to quirky features… The Yak Shaving propensity is high. ↩︎ ↩︎ https://en.wikipedia.org/wiki/Lorem_ipsum ↩︎