Easings Easing functions specify the speed at which an animation progresses at different points within the animation. jQuery core ships with two easings: linear, which progresses at a constant pace throughout the animation, and swing (jQuery core's default easing), which progresses slightly slower at the beginning and end of the animation than it does in the middle of the animation. jQuery UI provides several additional easing functions, ranging from variations on the swing behavior to customi

The blind effect hides or shows an element by wrapping the element in a container, and "pulling the blinds" The container has overflow: hidden applied, so height changes affect what's visible. blind direction (default: "up") String The direction the blind will be pulled to hide the e

Themeable buttons. Button enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles. In addition to basic push buttons, radio buttons and checkboxes (inputs of type radio and checkbox) can be converted to buttons. Their associated label is styled to appear as the button, while the underlying input is updated on click. For the association to work properly, give the input an id attribu

The drop effect hides or shows an element fading in/out and sliding in a direction. drop direction (default: "left") String The direction the element will fall to hide the element, or the direction from which the element will be revealed. Possible Values: up, down, left, right.

Create targets for draggable elements. The jQuery UI Droppable plugin makes selected elements droppable (meaning they accept being dropped on by draggables). You can specify which draggables each will accept. Dependencies UI Core Widget Factory Mouse Interaction accept Type: Selector or Function() Default: "*" Controls which draggable elements are accepted by the droppable. Multiple types supported: Selector: A selec

The clip effect will hide or show an element by clipping the element vertically or horizontally. clip direction (default: "up") String The plane in which the clip effect will hide or show its element. vertical clips the top and bottom edges, while horizontal clips the right and left edges.

The bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out. bounce distance (default: 20) Number The distance of the largest "bounce" in pixels. times (default: 5)

Color Animation jQuery UI effects core adds the ability to animate color properties using rgb(), rgba(), hex values, or even color names such as "aqua". Simply include the jQuery UI effects core file and .animate() will gain support for colors. The following properties are supported: backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor Support for color animation comes from the jQuery Color

Select a date from a popup or inline calendar The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily. By default, the datepicker calendar opens in a small overlay when the associated text field gains focus. For an inline calendar, simply attach the datepicker to a

Allow elements to be moved using the mouse. Make the selected elements draggable by mouse. If you want not just drag, but drag & drop, see the jQuery UI Droppable plugin, which provides a drop target for draggables. Dependencies UI Core Widget Factory Mouse Interaction addClasses Type: Boolean Default: true If set to false, will prevent the ui-draggable class from being added. This may be desired as a performance o