The Accordion Module allows you to create and display any type of content in an accordion format.
- When you create/edit a page, find the Accordion button in the WYSIWYG tool bar
- Highlight the title and content placeholder text and enter your content
- To add or delete accordion tabs, right click on the row where you'd like to add more and make a selection from the dropdown
- Once you are done editing your accordion, save the page.
You can change the looks by adding and editing the following styles to your custom.css file:
.ckeditor-accordion-container > dl { border:1px solid #efefef; }
.ckeditor-accordion-container > dl dt > a { background-color:#ccc!important; border-bottom:#efefef!important; }
.ckeditor-accordion-container > dl { }
.ckeditor-accordion-container > dl dd { padding:16px 15px 0 16px!important; border-bottom:#efefef!important; }
Important: Make sure the colors you choose are accessible! (Color Contrast Checker)