UI Accordion « jQuery « JavaScript DHTML

1.Setting autoHeight: false allows to accordion panels to keep their native height.
2.jQuery UI Accordion - Collapse content
3.Customize the header icons
4.jQuery UI Accordion - Default functionality
5.jQuery UI Accordion - Fill space
6.Accordion Resizer
7.jQuery UI Accordion - Open on mouseover
8.This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size
9.Call accordion() function to make an accordion panel

10.Create option array and pass to create accordion panel
11.alwaysOpen:false, autoHeight:false
12.Set active panel for accordion
13.fillSpace: true
14.Destroy the accordion panel
15.Enable or disable accordion panel
16.Set active accordion panel
17.accordion panel open/close event
18.Use h4 as header
19.Use mouse over event to trigger
20.Set active panel by class name