Mehdi Kabab

<p>Easily register and load the effects of the <a href="http://docs.jquery.com/UI/Effects/" title="UI/Effects - jQuery JavaScript Library" rel="nofollow ugc">jQuery UI Effects</a> library in your themes and plugins.</p>
<p>Supported effects:</p>
<ul>
<li><a href="http://docs.jquery.com/UI/Effects/Blind" title="UI/Effects/Blind - jQuery JavaScript Library" rel="nofollow ugc">Blind</a> – Blinds the element away or shows it by blinding it in.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Clip" title="UI/Effects/Clip - jQuery JavaScript Library" rel="nofollow ugc">Clip</a> – Clips the element on or off, vertically or horizontally.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Drop" title="UI/Effects/Drop - jQuery JavaScript Library" rel="nofollow ugc">Drop</a> – Drops the element away or shows it by dropping it in.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Explode" title="UI/Effects/Explode - jQuery JavaScript Library" rel="nofollow ugc">Explode</a> – Explodes the element into multiple pieces.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Fold" title="UI/Effects/Fold - jQuery JavaScript Library" rel="nofollow ugc">Fold</a> – Folds the element like a piece of paper.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Puff" title="UI/Effects/Puff - jQuery JavaScript Library" rel="nofollow ugc">Puff</a> – Scale and fade out animations create the puff effect.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Slide" title="UI/Effects/Slide - jQuery JavaScript Library" rel="nofollow ugc">Slide</a> – Slides the element out of the viewport.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Scale" title="UI/Effects/Scale - jQuery JavaScript Library" rel="nofollow ugc">Scale</a> – Shrink or grow an element by a percentage factor. </li>
<li><a href="http://docs.jquery.com/UI/Effects/Bounce" title="UI/Effects/Bounce - jQuery JavaScript Library" rel="nofollow ugc">Bounce</a> – Bounces the element vertically or horizontally n-times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Highlight" title="UI/Effects/Highlight - jQuery JavaScript Library" rel="nofollow ugc">Highlight</a> – Highlights the background with a defined color.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Pulsate" title="UI/Effects/Pulsate - jQuery JavaScript Library" rel="nofollow ugc">Pulsate</a> – Pulsates the opacity of the element multiple times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Shake" title="UI/Effects/Shake - jQuery JavaScript Library" rel="nofollow ugc">Shake</a> – Shakes the element vertically or horizontally n-times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Size" title="UI/Effects/Size - jQuery JavaScript Library" rel="nofollow ugc">Size</a> – Resize an element to a specified width and height.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Transfer" title="UI/Effects/Transfer - jQuery JavaScript Library" rel="nofollow ugc">Transfer</a> – Transfers the outline of an element to another.</li>
</ul>
<h4>Requirements</h4>
<p>WordPress jQuery UI Effects requires <code>PHP5</code>.</p>


WordPress jQuery UI Effects

Use effects of the jQuery UI Effects library in your themes and plugins!

Mark / t31os

<p>Show off your post content inside stylish jQuery powered tabs using one of 24 different jQuery UI themes or include your own custom stylesheet.</p>
<h3>Filters</h3>
<p>The plugin provides various filters to aid users, they are as follows</p>
<ul>
<li><code>put_decide_has_tabs</code>: (bool) true/false value that determines whether to run the tabs script(runs inside a filter on <code>the_content</code>)</li>
<li><code>put_theme_dir</code>: (string) passes the theme directory uri</li>
<li><code>put_stylesheet</code>: (string) name of the stylesheet to use for tabs CSS</li>
<li><code>put_skins</code>: (array) passes the array of skins available to the plugin</li>
<li><code>put_stylesheet_uri</code>: (string) the full stylesheet uri used (easier hook for custom stylesheets)</li>
<li><code>put_prev_text</code>: (string) the text used for previous tab navigation(text not shown by default)</li>
<li><code>put_next_text</code>: (string) the text used for next tab navigation(text not shown by default)</li>
<li><code>put_nav_class</code>: (string) the classes applied to the prev and next navigation(second arg indicates prev or next text)</li>
<li><code>put_trailing_linebreak</code>: (bool) true/false value to determine whether or not to add a trailing <code><br /></code> (linebreak) after each tab set</li>
</ul>
<p>A couple of actions are also available for when you’d rather just turn off skins and enqueue your own stylesheet</p>
<ul>
<li><code>put_enqueue_css</code>: runs on front facing pages with tab sets when the <em>Disable skins</em> is enabled</li>
<li><code>put_admin_enqueue_css</code>: runs on the plugin settings page when the <em>Disable skins</em> is enabled</li>
</ul>


Post UI Tabs

Create jQuery tabs inside your posts, pages or post types using simple shortcodes inside the post editor.

WordPress jQuery UI Effects vs Post UI Tabs