Justin Tadlock

<p>The Sliding Panel plugin creates a new sidebar for your site that allows you to add widgets.  These widgets appear within a responsive sliding panel at the top of your site on the front end.</p>
<h3>Features</h3>
<ul>
<li>It’s a jQuery-powered sliding panel.  That’s a feature in-and-of itself, right?</li>
<li>Uses widgets, so you can add pretty much anything you can add to any other sidebar.</li>
<li>Uses the WordPress-packaged jQuery.</li>
<li>Will automatically display with any correctly-coded theme.</li>
<li>Supports HTML5 and Schema.org microdata.</li>
<li>It’s responsive, so it’ll look good on any device.</li>
</ul>
<h3>Professional Support</h3>
<p>If you need professional plugin support from me, the plugin author, you can access the support forums at <a href="http://themehybrid.com/support" rel="nofollow ugc">Theme Hybrid</a>, which is a professional WordPress help/support site where I handle support for all my plugins and themes for a community of 40,000+ users (and growing).</p>
<h3>Plugin Development</h3>
<p>If you’re a theme author, plugin author, or just a code hobbyist, you can follow the development of this plugin on it’s <a href="https://github.com/justintadlock/sliding-panel" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Donations</h3>
<p>Yes, I do accept donations.  If you want to buy me a beer or whatever, you can do so from my <a href="http://themehybrid.com/donate" rel="nofollow ugc">donations page</a>.  I appreciate all donations, no matter the size.  Further development of this plugin is not contingent on donations, but they are always a nice incentive.</p>


Sliding Panel

Adds a responsive sliding panel to the top of your WordPress-powered site.

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.

Sliding Panel vs Adjustly Collapse