Collapsible

The .collapse function creates an interactive collapsible block, whose status can be toggled by clicking.

It requires an inline title (always displayed) and block content (displayed when expanded).

.collapse {A _collapsible_ block. **Click me!**}
  Hidden content...  
  **Surprise!**

  .loremipsum

Collapsed:

Expanded:

 

The initial status of a block can be changed via the optional open Boolean argument, which defaults to false (collapsed).

.collapse {A _collapsible_ block. **Click me!**} open:{yes}
  ...