Collapsed Accordions
Accordions provide a seamless way to organize collapsible items that can be toggled open with a single click, greatly enhancing your page's user experience (UX).

Adding a Collapsed Accordion:
Navigate to the basic content field of a page you want the accordion to display and add 2 horizontal lines (
<hr>
) above the start of where you want the the accordion to show.Continue building the accordion by repeating the pattern of separating headings from content using 2 horizontal lines (
<hr>
). E.g.

Save the content and preview the result.
Last updated
Was this helpful?