Applying the Accordion Style
Accordions allow you to reduce the amount of text that displays on a page at a given time. Using the Styles of accordionHeader and accordionContent, you can hide some of your text until the accordion is opened.
Page Content:
- Page Content: Use the WYSIWIG or HTML to add your body content.
- Highlight the text for the accordion Header.
- Click on the Styles drop down menu and select accordionHeader.
- Highlight the text for the accordion Content.
- Click on the Styles drop down menu and select accordionContent.
This is the first accordionHeader.
This is the content under the first accordionHeader.
This is the second accordionHeader.
This is the content under the second accordionHeader.
You can have more than one line/sentence within the content. . You can also have a list within the accordion content.
- List Item 1
- List Item 2
NOTE: If you do have more than one paragraph in your accordionContent, you must enclose the entire content section in a "div" tag
Finish Up:
- Click Submit to save your work.
- Publish (or send the request to publish).
