PSDCovers

<p>Developed internally for our Adjustly theme, this plugin allows authors to link 2 html elements together as trigger and target.  When the trigger is clicked the target will immediately expand to reveal its content.</p>
<h4>Try the Demo</h4>
<p>If you’re interested in seeing what a default installation of Adjustly Collapse has to offer, have a look at some samples on our site.</p>
<p><a href="http://www.psdcovers.com/adjustly-collapse/" rel="nofollow ugc">http://www.psdcovers.com/adjustly-collapse/</a></p>
<h4>Usage</h4>
<p>The basic structure without any CSS bells and whistles looks like this:</p>
<pre><code><a class="aj-collapse" rel="myslidingcontent">trigger</a>
<div class="aj-hidden" id="myslidingcontent">target: this content is hidden by default</div>
</code></pre>
<p>In the example above, the trigger is an href element and the target is a div element.  Note that the target can be any element you choose.</p>
<h4>rel=”[id]”</h4>
<p>Each trigger and target pair must contain a common label so that the trigger knows which target to expand or collapse. The trigger rel tag must be the same name as the target’s id tag.  If you plan on having multiple collapsible elements in a page, post or theme then you will need to ensure that the rel and id tags are always unique for each trigger/target combo.</p>
<h4>Class Names</h4>
<ol>
<li>The trigger must always have the following class name: class=”aj-collapse”</li>
<li>The target can have either of 2 classes: class=”aj-hidden” will make the target collapsed by default while class=”aj-visible” will display the content normally but allow the viewer to collapse it.</li>
</ol>
<h4>Notes</h4>
<p>The trigger and target do not have to be next to each other.  The target can be at the opposite end of the article or you can place it within the trigger. Theme developers can use it to make widgets collapsible.</p>


Adjustly Collapse

Developed internally for our Adjustly theme, this plugin allows authors to link 2 html elements together as trigger and target.

Shameem - a11n

OrixLab

Shameem Reza

<p><strong>Lightweight FAQs</strong> plugin for WordPress allows you to add stylish FAQs to posts or page using a <strong>Elementor Widget</strong> or a <strong>shortcode</strong> (via classic editor).</p>
<p><strong>Extremely Lightweight (<50kb):</strong> Lightweight FAQs plugin is very simple and its size is within 50kb. Its dont have any useless code or files. Lightweight FAQs also dont load any extra code on front end.</p>
<p><strong>Elementor Widget:</strong> You can use Lightweight FAQ Elementor Widget to show your FAQs in yoru own style.</p>
<p><strong>Shortcode:</strong> Lightweight FAQ can be used using shortcode on WordPress Classic Editor.</p>
<p><h4>Shortcode Usage</h4>
</p>
<pre><code>[lightweight-faq cat="faq category" num="faq item count number"]
</code></pre>
<p>Here is an example:</p>
<pre><code>[lightweight-faq cat="lorem" num="6"]
</code></pre>
<p><strong><a href="https://demo.orixlab.net/wporg/lightweight-faqs/" rel="nofollow ugc">Live Demo</a></strong></p>
<h4>CUSTOM SUPPORT</h4>
<p>If you are looking for WP Maintenance and Support or<br />
<a href="https://orixlab.net/wordpress-development-services/" rel="nofollow ugc">WordPress Development</a>, you can discuss with us with your requirement.</p>


Lightweight FAQs

Extremely simple FAQs plugin to add stylish FAQs to pages without affecting page load time. Works with Classic Editor via shortcode and Elementor Widg …

Adjustly Collapse vs Lightweight FAQs