Accordions can be a handy tool to condense long pages. When clicked, the accordion header opens or closes to show or hide content.<\/p>\n\n\n\n
Accordions do have drawbacks, though. They require visitors to read a series of headings, then click a heading to view more information. The mental processing and additional steps slightly increase the page\u2019s interaction cost<\/a> \u2014 that is, the effort visitors must exert to reach their goals.<\/p>\n\n\n\n
\n\n\n\nWhen to use accordions<\/h2>\n\n\n\n
\n
When not<\/em> to use accordions<\/h2>\n\n\n\n
\n
\n\n\n\nHow to add accordions<\/h2>\n\n\n\n
\n
(If you don’t need three accordions, you can delete one by clicking on the three dots in the far right corner of the formatting bar and selecting “Remove accordion”.)<\/li>\n\n\n\n