Accordion componentjQuery UI accordion widget with options
Click headers to expand/collapse content that is broken into logical sections, much like tabs. The underlying HTML markup is a series of headers (
To fill the vertical space allocated by its container, set the
heightStyle option to
"fill", and the script will automatically set the dimensions of the accordion to the height of its parent container.
Control animation easing and duration using
animate option. Accepts
false values; number - duration in milliseconds; string - name of easing; object - containing
By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the
collapsible option to
true in widget configuration. Click on the currently open section to collapse its content pane.
Open on hover
By default, accordion uses
click event to collapse/expand content. It can be changed using
event option, that is responsible for activating the associated card. Multiple events can be specified, separated by a space.
Accordion widget supports sortable functionality for panels re-ordering. To use, specify dragging
handle and vertical
axis in sortable accordion configuration and add accordion
refresh when sorting is stopped.
Menu componentjQuery UI menu widget with options
Basic menu with default functionality
Example of multi level sub menus
Basic header styling of label sections
Left menu item icons
Dropdown icons in
Highlight header using
Disable menu using
Components and their positions
Menu header icons
Display left/right positioned icons