5 Great jQuery Accordions

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 book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

No Reader comments

Comments on this post are closed.