Easy Tutorial
Example Animate Jqueryui Theme Design Api Hide Ref Interactions Example Toggleclass Ref Ui Core Api Zindex Jqueryui Work Api Show Example Autocomplete Example Effect Example Dialog Jqueryui Download Example Accordion Jqueryui Tutorial Ref Widgets Api Explode Effect Api Mouse Example Removeclass Example Draggable Api Menu Example Tooltip Api Removeclass Api Jquery Widget Jqueryui Widget Factory How Api Removeuniqueid Api Slide Effect Ref Utilities Api Addclass Api Progressbar Api Toggleclass Api Toggle Api Uniqueid Api Sortable Api Datepicker Example Slider Api Focus Api Enableselection Api Stacking Elements Api Switchclass Jqueryui Widget Factory Jqueryui Theme Api Jqueryui Api Example Addclass Api Button Jqueryui Widget Method Api Css Framework Api Spinner Api Selectable Example Position Api Jquery Widget Bridge Api Scrollparent Api Enableselection Api Resizable Example Tabs Api Color Animation Api Size Effect Ref Effects Core Api Droppable Example Switchclass Api Shake Effect Example Sortable Api Slider Example Menu Api Removeclass Jqueryui Custom Api Jquery Example Button Api Transfer Effect Ref Overrides Api Toggleclass Api Addclass Example Spinner Api Tabbable Selector Api Drop Effect Api Bounce Effect Example Show Api Easings Example Toggleclass Example Droppable Example Progressbar Example Widget Api Zindex Jqueryui Theme Themeroller Api Fold Effect Api Position Example Hide Api Focusable Selector Example Resizable Ref Selectors Ref Methods Example Removeclass Jqueryui Widget Factory Why Api Removeuniqueid Api Puff Effect Jqueryui Theme Api Draggable Jqueryui Widget Extend Api Data Selector Ref Effects Api Accordion Api Scale Effect Api Scrollparent Api Effect Api Jquery Widget Bridge Example Selectable Api Dialog Api Fade Effect Api Jquery Ui Keycode Api Disableselection Api Blind Effect Example Switchclass Api Clip Effect Api Highlight Effect Api Tabs Jqueryui Examples Api Pulsate Effect Api Jquery Ui Keycode Api Uniqueid Api Icons Api Tooltip Example Datepicker Ref Theming Jqueryui Use Jqueryui Intro Api Switchclass Api Autocomplete Api Disableselection Example Addclass Api Jquery Widget Example Toggle
❮ Example Accordion Ref Widgets ❯

jQuery UI Tutorial

jQuery UI is a set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

jQuery UI contains many stateful widgets, and its interaction with them differs slightly from typical jQuery plugins. All jQuery UI widgets use the same pattern, so if you learn how to use one, you'll know how to use the others.

Getting Started with Examples

To get a better understanding of what jQuery UI is, please check out the jQuery UI Examples.

In the examples section, the navigation lists all the interactions and widgets provided by jQuery UI. Selecting an interaction or widget will show you some demo configurations of that particular plugin. In each demo, you can view the source code, change themes, and bookmark the URL. For example, you can view the Accordion Widget Fill Space demo page.

Table of Contents

Reference Manual

❮ Example Accordion Ref Widgets ❯