Animated JavaScript Accordion

Developed by Michael Leigeber; Animated JavaScript Accordion requires no additional frame work or library to work and is only 1.35 KB in size. This script has been tested to work in Firefox 2/3, Internet Explorer 6/7/8, Opera, Safari and Chrome.

To add this accordion in a web page, you need to include JavaScript & CSS files; create a definition list (which will contain content for your accordion panels); and finally instantiate and initialize the accordion object.

To initialize an accordion use the following code:

var mySlider=new accordion.slider(“mySlider”);

You must create a new accordion object before initialization. The parameter taken by accordion.slider is the variable name used for the object. The object.init function takes 3 parameters: the id of the “dl”, the index of the initially expanded section (optional) and the class for the active header (optional).

You can find further information, demo & download on Michael Leigeber’s Web Development Blog.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links