Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings. An accordion menu is a vertically stacked list of headers that can be clicked to reveal or hide content associated with them. … In theory, it is a useful way to present content.
Default
[dt_sc_accordion_group]
[dt_sc_toggle title="Accordion 1"]
Lorem
[/dt_sc_toggle]
[dt_sc_toggle title="Accordion 2"]
Lorem
[/dt_sc_toggle]
[dt_sc_toggle title="Accordion 3"]
Lorem
[/dt_sc_toggle]
[/dt_sc_accordion_group]
Framed
[dt_sc_accordion_group]
[dt_sc_toggle_framed title="Accordion 1"]
Lorem
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Accordion 2"]
Lorem
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Accordion 3"]
Lorem
[/dt_sc_toggle_framed]
[/dt_sc_accordion_group]