Accordion - CCC Content Type
ID: 317
Name: Accordion - CCC
Description: Each accordion is a separate piece of content. The Heading only needs to be entered once.
How to Use:
- Fill in the "Name" field with the name of the element.
- Optionally, include a general "Heading" for the section. This heading will only show in the first element.
- Fill in the "Row Title" field with the title of the accordion row.
- Fill in the "Row Content" section with the content for the expanded accordion. Supports rich text.
- You can add as many elements as rows you want, but only "Row Title" and "Row Content" should be added for each row.
- The CMS will display all elements as open if they have a heading, assuming it's the first row.
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | true |
| Heading | The heading for the section. For example “Frequently asked questions” | 255 Characters | Plain Text | false |
| Row Title | Title for example “How much does the program cost” | 255 Characters | Plain Text | true |
| Row Content | Content for the expanded accordion. Supports rich text such as bold, italics. | 5000 Characters | Html | true |
Accordion Example Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit porttitor, diam proin suscipit viverra felis gravida ullamcorper non laoreet, at porta id litora ultricies egestas aenean. Elementum maecenas erat curae aliquet congue curabitur, purus habitasse diam ridiculus inceptos habitant cum, pellentesque nec enim posuere eros. Quis interdum posuere accumsan lacus ut convallis primis sociis nulla, facilisi justo tempus habitasse feugiat eros sapien sociosqu montes lobortis, nunc morbi tortor taciti cras donec lacinia est. Primis a vitae sollicitudin class velit himenaeos feugiat scelerisque, sociosqu semper pellentesque aliquam interdum risus parturient arcu ligula, fringilla varius lacinia praesent nunc magna faucibus. Ullamcorper nisi nibh tempus nascetur scelerisque ultrices nullam natoque, fusce imperdiet blandit sociosqu magna litora tempor, cum nam facilisis dui eros orci senectus. Iaculis cursus habitant blandit rhoncus fames vel, risus id class vestibulum turpis senectus, per urna est netus sed. Aliquet mollis dis blandit egestas dui conubia nostra, sociosqu placerat posuere cum nam sem nisi laoreet, malesuada fames a fusce neque aptent.