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.

Vova Druzhaev

<p>WordPress 5.0 introduces a block-based editor (codename “Gutenberg”) that offers a streamlined editing experience.<br />
The plugin provides in the block editor 2 types of spoilers:</p>
<ul>
<li>Little Spoiler</li>
<li>Box spoiler</li>
</ul>
<p>Little Spoiler – small spoiler for plain text.</p>
<p>Box spoiler – consists of 2 blocks:<br />
Opening spoiler (Box Spoiler Start) and closing spoiler (Box Spoiler End)<br />
Between them, you insert any block (or several block’s) with content that you want to hide.</p>
<p>In the frontend, the spoiler (accordion) opens with animation.<br />
In the editor you can choose the color design of the spoiler.</p>
<p>Ability to add new colors or replace a set of colors. See FAQ</p>
<p>Want to hide part of the publication? or make up the FAQ? – plugin is perfect for this</p>
<p>Check out all beauty and power of the plugin by watching this video:<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/IrC1yVttMho?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Requirements</h3>
<p>PHP 7.4, 8.0+ recommended for better performance, WordPress 6.1</p>
<h4>Translation</h4>
<p>Available in English, Russian, Ukrainian, Spanish, German, Swedish, Dutch, Japanese, French, Italian, Norwegian, Portuguese, Chinese and more other languages in becoming.</p>
<h4>Acknowledgements</h4>
<p>Thanks to <a href="https://profiles.wordpress.org/nilovelez/" rel="nofollow ugc">Nilo Velez</a> for Spanish (Spain) translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/yordansoares/" rel="nofollow ugc">Yordan Soares</a> for Spanish (Venezuela) translation.<br />
Thanks to <a href="https://profiles.wordpress.org/tobifjellner/" rel="nofollow ugc">Tor-Bjorn Fjellner</a> for Swedish translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/psmits1567/" rel="nofollow ugc">Peter Smits</a> for Dutch translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/miccweb/" rel="nofollow ugc">miccweb</a> for Japanese translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/fxbenard/" rel="nofollow ugc">FX Bénard</a> for French (France) translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/darkavenger/" rel="nofollow ugc">Luisa Ravelli</a> and <a href="https://profiles.wordpress.org/aliceorru/" rel="nofollow ugc">aliceorru</a> for Italian translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/meinmycell/" rel="nofollow ugc">Eivind</a> for Norwegian (Nynorsk) translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/pedromendonca/" rel="nofollow ugc">Pedro Mendonça</a> for Portuguese (Portugal) translation approval.<br />
Thanks to <a href="https://profiles.wordpress.org/sergeykovalets/" rel="nofollow ugc">Sergey Kovalets</a> for Ukrainian translation.<br />
Thanks to <a href="https://profiles.wordpress.org/jensratzel/" rel="nofollow ugc">Jens Ratzel</a> for German translation.<br />
Thanks to <a href="https://profiles.wordpress.org/alexclassroom/" rel="nofollow ugc">Alex Lion</a> for Chinese (Taiwan) translation.<br />
Thanks to <a href="https://profiles.wordpress.org/nekojonez/" rel="nofollow ugc">Pieterjan Deneys</a> for Dutch (Belgium) translation.</p>


OtFm Gutenberg Spoiler – (or FAQ) collapse block

The plugin provides in the block editor 2 types of spoilers. Need FAQ or Spoiler?

Simple Accessible Spoilers vs OtFm Gutenberg Spoiler – (or FAQ) collapse block