Datepicker

Select a date from a popup or inline calendar ExamplesDefault functionalityAnimationsDates in other monthsDisplay button barDisplay inlineDisplay month & year menusDisplay multiple monthsFormat dateIcon triggerLocalize calendarPopulate alternate fieldRestrict date rangeSelect a Date RangeShow week of the year The datepicker is tied to a standard form input field. Focus on the input (click, or use the … Continue reading

Color Animation

Animate the properties of elements between colors. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo Click the button above to preview the effect. 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 … Continue reading

Accordion

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

Hide

Hide elements using custom effects. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo Click the button above to preview the effect. 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 … Continue reading

Menu

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

Sortable

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

Show

Display elements using custom effects. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo Click the button above to preview the effect. 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 … Continue reading

Remove Class

Removes class(es) from elements while animating all style changes. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo Click the button above to preview the effect. 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 … Continue reading

Progressbar

Display status of a determinate or indeterminate process. ExamplesDefault functionalityCustom LabelDownload DialogIndeterminate Value Default determinate progress bar. 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 <!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI … Continue reading

Spinner

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