JavaScript
Article

5 Great jQuery Accordions

By Sam Deering
Now we are on into jQuery accordions, the first questions comes into your mind is probably “What is jQuery Accordion?” Basically a jQuery Accordian is a type of a jQuery menu wherein multiple items can be included, but can only display one menu’s content at a time. For instance we have an accordion menu, if item 1 was clicked it’ll show its content then if item 2 was clicked it’ll hide item 1’s content then show its own content. Here is a selection of great jQuery accordion plugins:


1. Dynamic Drive Accordion

This plugin will group contents together and reveal them when the user clicks on their headers.

LIVE DEMO:
http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm


2. Design Reviver Horizontal Accordion

This jQuery script is a horizontal type of accordion that allows you to have thumbnail image that will serve as a header for content.

LIVE DEMO:
http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/


3. jQuery UI Accordion

This plugin is a neatly design accordion menu.

LIVE DEMO:
http://jquery.bassistance.de/accordion/demo/


4. Simple jQuery Accordion Menu

This is a flexible jQuery accordion menu plugin and suites to various needs of people on building a website. It also allows multiple instances of the menu on the same web page.

LIVE DEMO:
http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/


5. Basic jQuery Accordion

A very basic jQuery accordion menu that offers mouse over and click event to operate.

LIVE DEMO:
http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.