Mehdi Kabab

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.
Supported effects:
<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>
WordPress jQuery UI Effects requires <code>PHP5</code>.

WordPress jQuery UI Effects

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

pjokumsen

This plugin allows you to use jQuery UI’s widgets with a simple to advanced shortcode in your pages or posts.
Here is a list of the current widgets and their corresponding shortcodes:
<ul>
<li>Dialog – Used with [pjjuh-dialog]contents[/pjjuh-tab] to create a button where the shortcode is inserted that will open a dialog with the contents of the tag (or you can set an attribute of page to a title of one of the pages on your site to load the contents of that page into the dialog that is opened from pressing the button). For more information on how to use this please visit <a href="http://pjokumsen.co.za/wordpress/plugins/pj-jquery-ui-helper/" rel="nofollow ugc">my site</a>.</li>
<li>Tabs – Used with [pjjuh-tab-group] and then [pjjuh-tab title=”tab-title”]contents[/pjjuh-tab] to create a tab with the title “tab-title” that contains the contents specified. For more information on how to use this please visit <a href="http://pjokumsen.co.za/wordpress/plugins/pj-jquery-ui-helper/" rel="nofollow ugc">my site</a>. </li>
<li>Accordion – Used with [pjjuh-accordion] and then [pjjuh-acc-section title=”section-title”]contents[/pjjuh-acc-section] to create a section with the title “section-title” that contains the contents specified. For more information on how to use this please visit <a href="http://pjokumsen.co.za/wordpress/plugins/pj-jquery-ui-helper/" rel="nofollow ugc">my site</a>.</li>
</ul>
Widgets I hope to add in the near future are:
<ul>
<li>Tooltips</li>
</ul>
I also hope to allow more variations for the widgets in the near future.

PJ jQuery UI Helper

Plugin to incorporate jQuery UI in posts and pages using shortcodes.

WordPress jQuery UI Effects vs PJ jQuery UI Helper