Accordions can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
| [accordion starton="3"] |
| [accordion_item title="title"]Lorem ipsum...[/accordion_item] |
| [accordion_item title="title"]Lorem ipsum...[/accordion_item] |
| [accordion_item title="title"]Lorem ipsum...[/accordion_item] |
| [/accordion] |
When used with only one item, the accordions also double as a pretty nifty toggle box (in addition to all the other toggles available in the theme of course)!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
| [accordion] |
| [accordion_item title="title"]Lorem ipsum...[/accordion_item] |
| [/accordion] |
Pricing tables have a top, middle, and bottom section where you can control the colors and content separately. They also allow you to mark columns as featured (the middle one is an example here) to emphasize them. They’re the perfect way to compare plans or products!