Cuts and tabs
With YFM extensions, you can use interactive markup elements: cuts and tabs.
Note
The content of cuts and tabs can include any YFM markup.
Cuts
Use cuts to hide content. For example, additional information or long blocks of code.
{% cut "Cut header" %}
Content displayed when clicked.
{% endcut %}
Result
Cut header
Content displayed when clicked.
Tabs
Use tabs for mutually exclusive sections. For example, to separate instructions for different operating systems.
To display tabs correctly, separate them with empty lines:
{% list tabs %}
and{% endlist %}
.- The text of one tab and the name of the next tab.
{% list tabs %}
- The name of tab1
The text of tab1.
* You can use lists.
* And **other** markup.
- The name of tab2
The text of tab2.
{% endlist %}
Result
Name of tab1
Name of tab2
The text of tab1.
- You can use lists.
- And other markup.
The text of tab2.