CeiKay

<p>Accordeon Menu CK shows an accordion menu in any sidebar position. Just create a WordPress menu, select this menu in a Accordeon Menu CK widget and that’s it.</p>
<h3>Features</h3>
<ul>
<li>Styling from the plugin settings interface with color pickers and other fields</li>
<li>Open with custom animation and duration</li>
<li>Instant preview of your design in the interface</li>
<li>Multiple use on the same page</li>
<li>Widget to use in your website anywhere</li>
<li>Description for each menu link</li>
<li>Unlimited levels</li>
<li>Click or mouseover behavior</li>
<li>Custom +/- images</li>
<li>20+ themes preinstalled</li>
<li>Import / Export of styles to save and share</li>
<li>Custom CSS option</li>
<li>French translation included</li>
<li>Compatible multilanguage with the POT file</li>
<li>French translation included</li>
</ul>
<p>Get more informations and see the demo on https://www.ceikay.com</p>


Accordeon Menu CK

Allows a huge number of settings, yet the frontend code is minimalistic. Uses the jQuery of WP for transitions / easing, so own JS is very small. The only problem is that it includes CSS styling directly in the head of each page, but you can first style the menu using the plugins great facilities, then copy the CSS to Custom CSS in WordPress or your theme, and finally select "No styling" in the accordeon widget. The absolutely best choice for performance freaks - improves your ranking on Google PageSpeed Insights! Knocks the stuffing out of bloated products with more users and reviews - small is beautiful.

Great free plugin

Accordeon Menu CK shows an accordion menu in any sidebar position with multiple settings.

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.

Accordeon Menu CK vs Adjustly Collapse