Accordions

Accordions are useful when you need to present learners with a list of items—there may be a lot to learn about each item, but the first priority is for the learner to recognize and learn the list of closely associated items first, then allow them to dig deeper (by opening the accordion) to learn more.

To copy Accordions onto a different page please make sure the page is in 'Edit HTML' mode.

Single Accordion

Accordion: start copy

Accordion Title

Insert Accordion content here.

Accordion: end copy

Accordion: Group of 2

Accordion: start copy

Accordion 1 of 2

Insert Accordion 1 of 2 content here.

Accordion 2 of 2

Insert Accordion 2 of 2 content here.

Accordion: end copy

Accordion: Group of 3

Accordion: start copy

Accordion 1 of 3

Insert Accordion 1 of 3 content here.

Accordion 2 of 3

Insert Accordion 2 of 3 content here.

Accordion 3 of 3

Insert Accordion 3 of 3 content here.

Accordion: end copy

Accordion: Group of 4

Accordion: start copy

Accordion 1 of 4

Insert Accordion 1 of 4 content here.

Accordion 2 of 4

Insert Accordion 2 of 4 content here.

Accordion 3 of 4

Insert Accordion 3 of 4 content here.

Accordion 4 of 4

Insert Accordion 4 of 4 content here.

Accordion: end copy

Accordion: Group of 5

Accordion: start copy

Accordion 1 of 5

Insert Accordion 1 of 5 content here.

Accordion 2 of 5

Insert Accordion 2 of 5 content here.

Accordion 3 of 5

Insert Accordion 3 of 5 content here.

Accordion 4 of 5

Insert Accordion 4 of 5 content here.

Accordion 5 of 5

Insert Accordion 5 of 5 content here.

Accordion: end copy

Accordion: Group of 6

Accordion: start copy

Accordion 1 of 6

Insert Accordion 1 of 6 content here.

Accordion 2 of 6

Insert Accordion 2 of 6 content here.

Accordion 3 of 6

Insert Accordion 3 of 6 content here.

Accordion 4 of 6

Insert Accordion 4 of 6 content here.

Accordion 5 of 6

Insert Accordion 5 of 6 content here.

Accordion 6 of 6

Insert Accordion 6 of 6 content here.

Accordion: end copy