seshelby

<p>Create fully accessible content spoilers or accordions with a shortcode.</p>
<ol>
<li>Fully accessible to screen reader users</li>
<li>Creates a flexible spoiler shortcode</li>
<li>Define groups of accordions to close open accordions when another in the same group is opened.</li>
<li>Override design in theme CSS files</li>
</ol>
<h3>Sample Code</h3>
<p><code>[spoiler title="Sample Code" initial_state="expanded" tag="h2" group="a"]<br />
Include content here<br />
[/spoiler]</code></p>
<h3>Attributes</h3>
<p>title: should include the clickable text to be displayed in your accordion<br />
initial_state: values include collapsed or expanded, default to “collapsed”<br />
group: any alphanumeric value. used to define a group of accordions. when one accordion is opened all other items in the group will be closed.<br />
tag: values include any typical html tag but a heading tag should be used for accessibility, defaults to H2</p>


Simple Accessible Spoilers

Create fully accessible content spoilers or accordions with a shortcode.

Sergey Z.

Sergey Kuzmich

<p>The plugin allows to create content spoilers with Guttenberg block or simple shortcode.</p>
<pre><code>[spoiler title="Expand Me"]Spoiler content[/spoiler]
</code></pre>


Inline Spoilers

The plugin allows to create content spoilers with Guttenberg block or simple shortcode.

Simple Accessible Spoilers vs Inline Spoilers