Accordion Widget
Convert a pair of headers and content panels into an accordion.
Category: All
.addClass()
Adds the specified class(es) to each of the set of matched elements while animating all style changes.
Autocomplete Widget
Autocomplete enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.
Blind Effect
The blind effect hides or shows an element by wrapping the element in a container, and “pulling the blinds”
Bounce Effect
The bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out.
Button Widget
Themeable buttons and button sets.
Clip Effect
The clip effect will hide or show an element by clipping the element vertically or horizontally.
Color Animation
Animate colors using .animate().
CSS Framework
A list of the class names used by jQuery UI to allow components to be themeable.
:data() Selector
Selects elements which have data stored under the specified key.
Datepicker Widget
Select a date from a popup or inline calendar
Dialog Widget
Open content in an interactive overlay.
.disableSelection()
Disable selection of text content within the set of matched elements.
Draggable Widget
Allow elements to be moved using the mouse.
Drop Effect
The drop effect hides or shows an element fading in/out and sliding in a direction.
Droppable Widget
Create targets for draggable elements.
Easings
Easing functions specify the speed at which an animation progresses at different points within the animation.
.effect()
Apply an animation effect to an element.
.enableSelection()
Enable selection of text content within the set of matched elements.
Explode Effect
The explode effect hides or shows an element by splitting it into pieces.
Fade Effect
The fade effect hides or shows an element by fading it.
.focus()
Asynchronously set focus to an element.
:focusable Selector
Selects elements which can be focused.
Fold Effect
The fold effect hides or shows an element by folding it.
.hide()
Hide the matched elements, using custom effects.
Highlight Effect
The highlight effect hides or shows an element by animating its background color first.
Icons
A list of the icons provided by jQuery UI.
jQuery.ui.keyCode
A mapping of key code descriptions to their numeric values.
Widget Factory
Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets.
Widget Plugin Bridge
Part of the jQuery Widget Factory is the jQuery.widget.bridge() method. This acts as the middleman between the object created by $.widget() and the jQuery API.
Menu Widget
Themeable menu with mouse and keyboard interactions for navigation.
Mouse Interaction
The base interaction layer.
.position()
Position an element relative to another.
Progressbar Widget
Display status of a determinate or indeterminate process.
Puff Effect
Creates a puff effect by scaling the element up and hiding it at the same time.
Pulsate Effect
The pulsate effect hides or shows an element by pulsing it in or out.
.removeClass()
Removes the specified class(es) from each of the set of matched elements while animating all style changes.
.removeUniqueId()
Remove ids that were set by .uniqueId() for the set of matched elements.
Resizable Widget
Change the size of an element using the mouse.
Scale Effect
Shrink or grow an element by a percentage factor.
.scrollParent()
Get the closest ancestor element that is scrollable.
Selectable Widget
Use the mouse to select elements, individually or in a group.
Shake Effect
Shakes the element multiple times, vertically or horizontally.
.show()
Display the matched elements, using custom effects.
Size Effect
Resize an element to a specified width and height.
Slide Effect
Slides the element out of the viewport.
Slider Widget
Drag a handle to select a numeric value.
Sortable Widget
Reorder elements in a list or grid using the mouse.
Spinner Widget
Enhance a text input for entering numeric values, with up/down buttons and arrow key handling.
Stacking Elements
A pattern for handling z-index and stacking elements.
.switchClass()
Adds and removes the specified class(es) to each of the set of matched elements while animating all style changes.
:tabbable Selector
Selects elements which the user can focus via tabbing.
Tabs Widget
A single content area with multiple panels, each associated with a header in a list.
Theming
.toggle()
Display or hide the matched elements, using custom effects.
.toggleClass()
Add or remove one or more classes from each element in the set of matched elements, depending on either the class’s presence or the value of the switch argument, while animating all style changes.
Tooltip Widget
Customizable, themeable tooltips, replacing native tooltips.
Transfer Effect
Transfers the outline of an element to another element
.uniqueId()
Generate and apply a unique id for the set of matched elements.
.zIndex()
Get the z-index for an element.