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]

2 Gedanken zu „Accordions

  1. I needed to compose you this little bit of word to be able to say thanks over again regarding the awesome things you’ve discussed on this page. This has been incredibly generous of you to offer unreservedly exactly what most of us would have advertised for an ebook to generate some cash on their own, even more so considering the fact that you could possibly have tried it in the event you desired. These tips additionally worked like a fantastic way to fully grasp someone else have a similar desire the same as mine to realize a whole lot more around this problem. I’m certain there are a lot more pleasurable sessions ahead for many who discover your blog.

  2. I’m also writing to make you understand what a extraordinary encounter my wife’s child enjoyed viewing your site. She figured out a wide variety of details, which include what it’s like to possess a marvelous giving spirit to have other folks without problems thoroughly grasp chosen hard to do things. You undoubtedly exceeded people’s expectations. Thanks for giving these insightful, trusted, revealing and as well as cool tips on your topic to Gloria.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.