Collapsible panes\u00a0allow you to hide chunks of text in a hidden pane and reveal them when a user clicks the pane’s header. This feature can be helpful, for example, when creating long lists of lists where you want to keep the list headings above-the-fold. Collapsible panes are a bit more involved than some other shortcodes, but they are still relatively easy to master!<\/p>\n
[collapse-pane title=\"Heading\"]Content[endcollapse-pane]<\/code><\/h2>\n\n- Begin opening the collapsible pane:
\n[collapse-pane<\/code><\/strong><\/li>\n- Add the required
title<\/code><\/strong> attribute, set its value to the heading you would like to appear at the top of the pane, and add the final bracket:
\ntitle=\"The heading of a collapsible pane.\"]<\/code><\/strong><\/li>\n- Add the content to be shown in the pane:
\nContent of the collapsible pane.<\/code><\/strong><\/li>\n- Close the collapsible pane:
\n[endcollapse-pane]<\/code><\/strong><\/li>\n<\/ol>\nResults<\/h3>\n
<\/p>\nCode<\/h4>\n
\n[collapse-pane title=\"The heading of a collapsible pane.\"]
\nContent of the collapsible pane.
\n[endcollapse-pane]<\/code><\/strong><\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n\n \n \n \n The heading of a collapsible pane.<\/span><\/div>\n \n \n expand <\/span><\/div>\n <\/i> <\/div>\n <\/div>\n <\/div>\n