Accordion Content Type
ID: 197
Name: Accordion
Description: Each accordion is a separate piece of content. The heading and brief description only needs to be entered once.
Instructions
Each accordion content item needs a Title and Body.
The title when clicked will open a box displaying the content in the Body.
If more than one accordion content item is placed next to another then they will wrap and the Titles stack.
The first accordion in a series can be used to add an optional heading and description.
If you enter a heading for a different accordion in a series it will break the wrapping to create a new series.
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | true |
| Section Heading | Heading of the section (H3) - Only needed for the 1st accordion | 100 Characters | Plain Text | false |
| Section Description | Description of the section - Only needed for the 1st accordion | 500 Characters | Plain Text | false |
| Show Expand/Collapse Button | Select the checkbox to show the Expand/Collapse Button - Only needed for the 1st accordion | 80 Characters | Checkbox | false |
| Accordion Title | Title for example “How do I apply for a course” | 300 Characters | Plain Text | true |
| Accordion Body | Content for the expanded accordion. Supports rich text such as bold, italics. | 999999 Characters | Html | true |
Accordion Section Heading
This is the accordion body of the first accordion in the first group. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
Ullum augue nostrud te vix. An per salutatus forensibus, modo reque epicuri ne mei. Ut eum molestie tincidunt. Sea omnes democritum interpretaris ut. Sea et nibh timeam. Qui eros sonet solet in, ut libris pericula eam.
- List item that wraps around itself. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
- A list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A list item
- A list item
- A list item
- A list item
Ordered list
- A list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A list item
- A list item
- A list item
- A list item
An unordered list of links
- Unstyled list link item
- Unstyled list link item
- Unstyled list link item
- Unstyled list link item
- Unstyled list link item
Another ordered list of longer text
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras adipiscing enim eu turpis egestas.
- Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Id leo in vitae turpis massa. Neque convallis a cras semper auctor neque vitae. Justo nec ultrices dui sapien eget mi proin sed libero. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim.
- Netus et malesuada fames ac turpis egestas integer. Neque volutpat ac tincidunt vitae semper quis lectus nulla at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Odio euismod lacinia at quis. Amet est placerat in egestas erat imperdiet sed euismod nisi. Id volutpat lacus laoreet non curabitur gravida arcu ac. Sit amet consectetur adipiscing elit. Purus in mollis nunc sed id.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Accordion Section Heading
This is the section description for the accordions. Entering a Section Heading on an accordion will trigger a new group of accordions to be created. This group has the "Show Expand/Collapse Button" left as unchecked.
This is the accordion body of the first accordion in the second group. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
This is the accordion body of the second accordion in the second group. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
Accordion Section Heading
This is the section description for the accordions. Entering a Section Heading on an accordion will trigger a new group of accordions to be created. This group has the "Show Expand/Collapse Button" checked.
This is the accordion body of the first accordion in the second group. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
This is the accordion body of the second accordion in the second group. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.