Get base styles and flexible support for collapsible components like accordions and navigation.
The example above has the class="acc-group default-style", where default-style has the styling.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Morbi quis varius tortor. Vivamus ut molestie nulla. Aenean vel tortor velit.Quisque sit amet leo purus, lorem. Curabitur fringilla ipsum id quam lacinia venenatis eget accumsan.
[acc title="" style="" start_opened="" striptags=""] ... [/acc]
style=" default-style or style2 or style3 "
striptags=" yes or no " (default no)
start_opened=" yes or no " (default no)
[acc title=" the title here " style="default-style" ] ... content here [/acc]
Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.
Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.
Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.
Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
The example below has the id="grouped_example" for the accordion shortcode, and for each acc item an attribute of parent="grouped_example".
[accordion id="grouped_example"]
[acc title=" the title here " style="default-style" parent="grouped_example" ]
... content here
[/acc]
[/accordion]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat.
Nam feugiat feugiat porta. Sed iaculis sapien nec ante tristique venenatis. Aliquam erat volutpat. Donec ultrices, ipsum eget convallis tincidunt, enim nisl semper est, eu tincidunt odio justo id augue. Donec in risus odio, ullamcorper gravida nibh. Aliquam est quam, scelerisque venenatis pretium in, accumsan nec sem. Aliquam hendrerit orci eu est fermentum nec consequat massa egestas. Proin eu arcu ante.
Quisque suscipit molestie augue, non tempor quam pulvinar eget. In hac habitasse platea dictumst. In nisl lorem, porttitor ut vehicula at, feugiat vel quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed enim tellus, vulputate porttitor convallis eu, sollicitudin id risus.
Fusce mollis tincidunt nibh, non feugiat risus vulputate vitae. Quisque ac libero libero. Sed eu arcu dolor. Sed venenatis euismod tincidunt. Proin a nunc nulla. Nam ipsum lorem, blandit vitae aliquet vitae, pellentesque vitae leo. Pellentesque elementum varius sem, eget tempor justo sollicitudin et. Duis nec ligula nisi, vitae viverra justo. Proin eget nisi nec mi pellentesque feugiat vitae quis enim. Suspendisse a felis velit, porttitor scelerisque magna. Duis sed nulla lacus, ac semper nunc.
Ut interdum molestie quam nec dictum. Aliquam vitae lorem augue. Ut sed leo tellus. Sed nec tincidunt ante.
Suspendisse ac arcu eu sem consequat molestie et in nunc. Donec ut ipsum id neque suscipit auctor. Vivamus at urna ipsum. Aliquam erat volutpat. Nulla placerat erat porttitor felis pulvinar sollicitudin.
John Doe - Company CEO
Code used:
[grid 6] content here [/grid] [grid 6] content here [/grid] [quotes name="John Doe - Company CEO"] content here [/quotes]