Home
JavaScript DHTML
Ajax Layer
Data Type
Date Time
Development
Document
Dojo toolkit
Event
Event onMethod
Ext JS
Form Control
GUI Components
HTML
Javascript Collections
Javascript Objects
Javascript Properties
jQuery
Language Basics
Mochkit
Mootools
Node Operation
Object Oriented
Page Components
Rico
Scriptaculous
Security
SmartClient
Style Layout
Table
Utilities
Window Browser
YUI Library
UI Accordion « jQuery « JavaScript DHTML
JavaScript DHTML
jQuery
UI Accordion
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