A Hugo shortcode for collapsible code blocks in your web pages.

The solution wraps the out of the box highlight feature of hugo in additional divs with attached javascript logic. This solution does not require jquery.

This example creates a collapsible code block for CSS code.

{{< code css >}}

... lots of css code ...

{{< /code >}}