David Gwyer

So, just how easy is it?
<ol>
<li>Install and activate the Plugin.</li>
<li>Add your jQuery code to the ‘Custom jQuery Code’ text box in Plugin settings.</li>
<li>Add the corresponding HTML markup to a post, page, or or text widget,</li>
<li>That’s it!!</li>
</ol>
You can easily tweak further settings such as the jQuery UI theme used to render the jQuery widgets, choose which scripts are added to your site, and overriding default CSS.
All standard pre-defined jQuery themes are supported, or you can upload your own custom theme built with the <a href="http://jqueryui.com/themeroller/" rel="nofollow ugc">jQuery ThemeRoller</a>. See the FAQ page for detailed instructions on uploading your own custom theme.
No need to mess about with cryptic shortcodes! Just enter clean, valid, HTML markup and the Plugin does the rest, adding all the necessary jQuery scripts and styles for you!
Note: This Plugin uses the Google CDN to load the CSS for the official jQuery UI themes.
Please <a href="https://wordpress.org/support/view/plugin-reviews/jquery-ui-widgets" rel="ugc">rate</a> this Plugin if you find it useful. It only takes a moment but it’s very much appreciated. 🙂
<blockquote>
We’re proud to announce that <a href="https://wpgoplugins.com/plugins/jquery-ui-widgets-pro/" rel="nofollow ugc">jQuery UI Widgets Pro</a> is now available!
Upgrade today for great features such as syntax highlighted code editors and dozens of pre-made jQuery UI templates ready to use!
Also, you can now add jQuery UI (and custom JavaScript and CSS code) to specific pages for the first time via the page/post editor. Take complete control over which pages have jQuery UI scripts added. You can choose to add to ALL pages or ONLY to the ones you want. It’s so simple!
Checkout the <a href="https://wordpress.org/plugins/jquery-ui-widgets/screenshots/" rel="ugc">screenshots</a>, or click <a href="https://wpgoplugins.com/plugins/jquery-ui-widgets-pro/" rel="nofollow ugc">here</a> for more details.
See our <a href="https://www.wpgoplugins.com" rel="nofollow ugc">WordPress plugin site</a> for more top plugins!
</blockquote>

jQuery UI Widgets

Awesome Idea!

Simple, flexible, and powerful way to add jQuery UI widgets to your site posts, pages, or widgets. Works right out of the box!

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.

jQuery UI Widgets vs PJ jQuery UI Helper