Position an element relative to the window, document, another element, or the cursor/mouse. ExamplesDefault functionalityImage Cycler Use the form controls to configure the positioning, or drag the positioned element to modify its offset. Drag around the parent element to see collision detection in action. view source 1 2 3 4 5 6 7 8 9 … Continue reading


Change the size of an element using the mouse. ExamplesDefault functionalityAnimateConstrain resize areaHelperMaximum / minimum sizePreserve aspect ratioSnap to gridSynchronous resizeTextareaVisual feedback Enable any DOM element to be resizable. With the cursor grab the right or bottom border and drag to the desired width or height. view source 1 2 3 4 5 6 7 … Continue reading

jQuery UI 1.8.16 Changelog

Released on August 15, 2011 link Core & Utilitieslink Mouse Fixed: Nested draggables problem in IE. (#4333, 14ab4f4) Fixed: Error in IE 8 with disabled inputs. (#7620, c5799b5) link Widget Factory Fixed: jQuery.data throws a script error in certain circumstances. (#7510, c7c5b6b) link Interactionslink Draggable Fixed: iframeFix always runs with old versions of jQuery. (#7632, … Continue reading

jQuery UI 1.12.0-rc.2 Changelog

Released on April 21, 2016, listing changes since 1.12.0-rc.1. link Interactions Resizable: Fix top jump with rotated element (89fe04a) Resizable: Implement setOption for handles (#3423, 623b64e) Selectable: Proper handling of inner scrolling (#13359, a240251) Sortable: Update _contactContainers to use page clientX/Y values (#10727, #5039, 9aca706) Sortable: Fix incorrect top containment for document (#14927, c19fc10) link … Continue reading

jQuery UI 1.11.3 Changelog

Released on February 12, 2015 link Core & Utilitieslink Core Fixed: Match on exact node name for :focusable and :tabbable to support custom elements (#10747, f1345e3) link Position Fixed: Flip collision handling (#8710, 276cd5c, 9db4057) link Interactionslink Resizable Fixed: Correct width when grid approaches zero (#10590, 0a0db09) Fixed: Match on exact node name to support … Continue reading

jQuery UI 1.8.10 Changelog

Released on February 22, 2011 link Interactionslink Resizable Fixed: Element doesn't change to size that helper shows when snapping to grid (#6926, d6fa44a) link Widgetslink Autocomplete Fixed: Handling of race conditions when using jQuery 1.3.2. (#6904, 6b9b513) link Button Fixed: Batched class changes to improve performance. (#6934, 9191ee3) link Datepicker Fixed: Incorrect semi-colon that should … Continue reading

jQuery UI 1.10.1 Changelog

Released on February 15, 2013 link Build Added: Minified CSS files on CDNs. (#8614, 822520e) link Core & Utilitieslink Position Fixed: Percentage offset does not support decimal. (#9076, c958b21) link Interactionslink Draggable Fixed: stack option resets the z-index. (#9077, c32bebd) Fixed: Reference to undefined $.ui.contains(). (#9051, 2df2abc) link Widgetslink Accordion Fixed: create event uses content … Continue reading


Displays collapsible content panels for presenting information in a limited amount of space. ExamplesDefault functionalityCollapse contentCustomize iconsFill spaceNo auto heightSortable Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover. The underlying HTML markup is a series of headers (H3 tags) and content divs so … Continue reading


Enhance a text input for entering numeric values, with up/down buttons and arrow key handling. ExamplesDefault functionalityCurrencyDecimalMapOverflowTime Default spinner. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 … Continue reading


Themeable menu with mouse and keyboard interactions for navigation. ExamplesDefault functionalityCategoriesIcons A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate. view source 1 2 3 4 5 6 7 … Continue reading

jQuery UI 1.8.21 Changelog

Released on June 5, 2012 link Core & Utilitieslink Position Fixed: Position module throws uncaught exception on IE8 with jQuery 1.3.2. (#8254, 3cf2b7c) link Interactionslink Draggable Fixed: Incorrect dimensions used if .ui-draggable-dragging changes dimensions. (#8349, 168a21d) link Sortable Fixed: Items may not be inserted into the correct position when dragged between connected sortables. (#8268, b76ac30) … Continue reading


Create targets for draggable elements. ExamplesDefault functionalityAcceptPrevent propagationRevert draggable positionSimple photo managerVisual feedback Enable any DOM element to be droppable, a target for draggable elements. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 … Continue reading

jQuery UI 1.8.8 Changelog

Released on January 13, 2011 link Core & Utilitieslink Position Fixed: Collision detection fails on the right side in Internet Explorer. (#6812, ca46a3a) link Widgetslink Accordion Fixed: Accordion header margins disappear in IE 8. (#5421, 3471bd6) Fixed: ol numbering bug. (#6720, dd7aae2) link Autocomplete Fixed: The combobox "show all" button submits forms. (#6755, ffc0855) Fixed: … Continue reading


Allow elements to be moved using the mouse. ExamplesDefault functionalityAuto-scrollConstrain movementCursor styleEventsHandlesjQuery UI Draggable + SortableRevert positionSnap to element or gridVisual feedback Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport. view source 1 2 3 4 5 6 … Continue reading


Use the mouse to select elements, individually or in a group. ExamplesDefault functionalityDisplay as gridSerialize Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. view source 1 2 3 4 5 6 7 8 … Continue reading

Widget Factory

Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets. ExamplesDefault functionality This demo shows a simple custom widget built using the widget factory (jquery.ui.widget.js). The three boxes are initialized in different ways. Clicking them changes their background color. View source to see how it works, its heavily commented To learn more … Continue reading


Reorder elements in a list or grid using the mouse. ExamplesDefault functionalityConnect listsDisplay as gridDrop placeholderHandle empty listsInclude / exclude itemsPortlets Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items … Continue reading

jQuery UI 1.8rc3 Changelog

Released on February 25, 2010 link Widgetslink Accordion Fixed: newContent/oldContent parameters are incorrect in change callback. (#4469) link Autocomplete Fixed: Error when using bgiframe plugin. (#5196) Fixed: Blur causes last active menu item to be selected. (#5205) Fixed: Class needed on input element. (#5198) Fixed: Broken demos. (#5126) Fixed: Autocomplete in Dialog is positioned incorrectly. … Continue reading

jQuery UI 1.8.13 Changelog

Released on May 12, 2011 link Core & Utilitieslink UI Core Fixed: Optimize :tabbable. (#7257, 96f6b1a) link Interactionslink Draggable Fixed: Nested draggables problem in IE. (#4333, 7eda94a) Fixed: Containment ignored when scrolling in overflow div. (#4445, a6d8fd1) Fixed: Load iframe shims prior to dragging. (#7270, 15b9e9d) Fixed: Draggable+Sortable Demo duplicates DOM Ids. (#4564, 201b5ed) link … Continue reading

jQuery UI 1.5.3 Changelog

Released on November 28, 2008 This release is a minor update to 1.5.2. The only difference is a Daylight Saving fix for Datepicker.