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.

Darshan Sawardekar

<p>This plugin adds the shortcode <code>[spoiler]</code> to WordPress. Any content<br />
wrapped inside this shortcode is blurred out. It can be revealed by<br />
clicking on the blurred content.</p>
<p>The shortcode takes a <code>mode</code> parameter, which defaults to <code>block</code>. This<br />
wraps your content inside a div. To add spoilers that are inside to your<br />
text use the mode <code>inline</code>.</p>
<p>Eg:- Some [spoiler mode=’inline’]super secret stuff[/spoiler] here!</p>
<h3>Credits</h3>
<ul>
<li>Inspired by the <a href="https://github.com/joshbuddy/spoiler-alert" rel="nofollow ugc">spoilerAlert</a> jQuery plugin by <a href="https://github.com/joshbuddy" rel="nofollow ugc">Joshua Hull</a></li>
</ul>


wp-spoiler-alert

Shortcode to hide Spoilers in your Posts.

Simple Accessible Spoilers vs wp-spoiler-alert