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