<div id="su-generator-breadcrumbs"><a href="javascript:void(0);" class="su-generator-home" title="Click to return to the shortcodes list">All shortcodes</a> &rarr; <span>Accordion</span> <small class="alignright">Accordion with spoilers</small><div class="su-generator-clear"></div></div><div class="su-generator-note"><i class="fa fa-info-circle"></i><div class="su-generator-note-content"><p>Did you know that you can wrap multiple spoilers with [accordion] shortcode to create accordion effect?</p>
</div></div><div class="su-generator-attr-container su-generator-skip" data-default=""><h5>Extra CSS class</h5><input type="text" name="class" value="" id="su-generator-attr-class" class="su-generator-attr" /><div class="su-generator-attr-desc">Additional CSS class name(s) separated by space(s)</div></div><div class="su-generator-attr-container"><h5>Content</h5><textarea name="su-generator-content" id="su-generator-content" rows="5">[su_spoiler title=&quot;Spoiler title&quot; open=&quot;no&quot; style=&quot;default&quot; icon=&quot;plus&quot; anchor=&quot;&quot; class=&quot;&quot;]Hidden content[/su_spoiler]
[su_spoiler title=&quot;Spoiler title&quot; open=&quot;no&quot; style=&quot;default&quot; icon=&quot;plus&quot; anchor=&quot;&quot; class=&quot;&quot;]Hidden content[/su_spoiler]
[su_spoiler title=&quot;Spoiler title&quot; open=&quot;no&quot; style=&quot;default&quot; icon=&quot;plus&quot; anchor=&quot;&quot; class=&quot;&quot;]Hidden content[/su_spoiler]</textarea></div><div id="su-generator-preview"></div><div class="su-generator-actions su-generator-clearfix"><a href="javascript:void(0);" class="button button-primary button-large su-generator-insert"><i class="fa fa-check"></i> Insert shortcode</a> <a href="javascript:void(0);" class="button button-large su-generator-toggle-preview"><i class="fa fa-eye"></i> Live preview</a> <div class="su-generator-presets alignright" data-shortcode="accordion">
	<a href="javascript:void(0);" class="button button-large su-gp-button"><i class="fa fa-bars"></i> Presets</a>
	<div class="su-gp-popup">
		<div class="su-gp-head">
			<a href="javascript:void(0);" class="button button-small button-primary su-gp-new">Save current settings as preset</a>
		</div>
		<div class="su-gp-list">
			<b>Presets not found</b>		</div>
	</div>
</div>
		</div>