Accordion Shortcode Demo

Default Spoiler Stlye

Spoiler Title
Praesent placerat nisl nec turpis varius, facilisis rhoncus nulla viverra. Nam mollis sollicitudin felis eu luctus. In hac habitasse platea dictumst. Ut risus risus, fringilla at congue a, fringilla nec felis! Proin vel tellus ut ipsum dapibus hendrerit nec nec magna. Sed vitae tortor congue massa convallis facilisis. Donec finibus consectetur est in facilisis. Etiam posuere auctor cursus. Sed id ligula gravida, dictum tellus ut, bibendum sapien. Integer mi erat; dapibus egestas iaculis ut, dapibus eu lacus. Ut in odio ac risus dapibus sodales.
Spoiler Title
Praesent placerat nisl nec turpis varius, facilisis rhoncus nulla viverra. Nam mollis sollicitudin felis eu luctus. In hac habitasse platea dictumst. Ut risus risus, fringilla at congue a, fringilla nec felis! Proin vel tellus ut ipsum dapibus hendrerit nec nec magna. Sed vitae tortor congue massa convallis facilisis. Donec finibus consectetur est in facilisis. Etiam posuere auctor cursus. Sed id ligula gravida, dictum tellus ut, bibendum sapien. Integer mi erat; dapibus egestas iaculis ut, dapibus eu lacus. Ut in odio ac risus dapibus sodales.
Spoiler Title
Praesent placerat nisl nec turpis varius, facilisis rhoncus nulla viverra. Nam mollis sollicitudin felis eu luctus. In hac habitasse platea dictumst. Ut risus risus, fringilla at congue a, fringilla nec felis! Proin vel tellus ut ipsum dapibus hendrerit nec nec magna. Sed vitae tortor congue massa convallis facilisis. Donec finibus consectetur est in facilisis. Etiam posuere auctor cursus. Sed id ligula gravida, dictum tellus ut, bibendum sapien. Integer mi erat; dapibus egestas iaculis ut, dapibus eu lacus. Ut in odio ac risus dapibus sodales.

Extended Spoiler Stlyes

Use the following format to create the styles below. (without the spaces next to the brackets)

[ spoiler title="Fancy" style="fancy" ]

 

simple
Lorem Ipsum is simply dummy text.
fancy
Lorem Ipsum is simply dummy text.
glass-dark
Lorem Ipsum is simply dummy text.
glass-light
Lorem Ipsum is simply dummy text.
glass-blue
Lorem Ipsum is simply dummy text.
glass-green
Lorem Ipsum is simply dummy text.
glass-gold
Lorem Ipsum is simply dummy text.
modern-dark
Lorem Ipsum is simply dummy text.
modern-light
Lorem Ipsum is simply dummy text.
modern-violet
Lorem Ipsum is simply dummy text.
modern-orange
Lorem Ipsum is simply dummy text.
carbon
Lorem Ipsum is simply dummy text.
sharp
Lorem Ipsum is simply dummy text.
grid
Lorem Ipsum is simply dummy text.
modern-light
Lorem Ipsum is simply dummy text.
wood
Lorem Ipsum is simply dummy text.
fabric
Lorem Ipsum is simply dummy text.

Spoiler With Icon Class Applied

You can add some nice icons to your spoiler styles by using the following classes.

[ spoiler title="Plus Square 1 Style" style="glass-dark" icon="plus-square-1" ]

 The following icon classes are available.

 

plus
Lorem Ipsum is simply dummy text.
plus-circle
Lorem Ipsum is simply dummy text.
plus-square-1
Lorem Ipsum is simply dummy text.
plus-square-2
Lorem Ipsum is simply dummy text.
arrow
Lorem Ipsum is simply dummy text.
arrow-circle-1
Lorem Ipsum is simply dummy text.
arrow-circle-2
Lorem Ipsum is simply dummy text.
chevron
Lorem Ipsum is simply dummy text.
chevron-circle
Lorem Ipsum is simply dummy text.
caret
Lorem Ipsum is simply dummy text.
caret-square
Lorem Ipsum is simply dummy text.
folder-1
Lorem Ipsum is simply dummy text.
folder-2
Lorem Ipsum is simply dummy text.