Writerside
 
Get Writerside

Collapsible elements

Last modified: 02 May 2024

Collapse pieces of content to hide information that is not essential for most of your readers, such as additional reference information that supports the main content.

Writerside enables you to collapse the following elements: chapters, procedures, code blocks, and definition list items. Set collapsible="true" on an element to render it collapsed by default with the collapse-expand plus icon icon that expands the content inside this element.

You can change the default state for collapsible blocks by setting default-state="expanded" on a collapsible element. Do this when you want readers to be able to collapse information that is otherwise important.

Semantic markup example:

<chapter title="Some chapter" id="some_chapter" collapsible="true">
    <p>Some content.</p>
</chapter>

Markdown example:

## Some chapter {collapsible="true"}

Some content.

How it will render: