Accordions

Short codes in all modern themes are created with Shortcodes Ultimate. We strongly believe that short codes have no business weighing down themes. With Shortcodes Ultimate you can choose only the short codes you want, and most importantly, if (more like, when) you decide to change your theme, you won’t lose everything!

Basic accordion

[su_accordion]
[su_spoiler title=”Sample Accordion Title 1″] tonyaLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[/su_accordion]

Fancy accordion

[su_accordion]
[su_spoiler title=”Sample Accordion Title 1″ style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 2″ style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 3″ style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[/su_accordion]

Accordion with open spoiler

[su_accordion]
[su_spoiler title=”Sample Accordion Title 1″ style=”fancy” open=”yes”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 2″ style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 3″ style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[/su_accordion]

Accordion with different icons

[su_accordion]
[su_spoiler title=”Sample Accordion Title 1″ style=”fancy” icon=”plus-square-1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 2″ style=”fancy” icon=”caret-square”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 3″ style=”fancy” icon=”folder-1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 4″ style=”fancy” icon=”arrow-circle-1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[su_spoiler title=”Sample Accordion Title 5″ style=”fancy” icon=”arrow-circle-2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/su_spoiler]
[/su_accordion]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s