Today we have a great collection for newbie developers.We have gathered free jQuery accordion plugin and tutorials for your next project.Accordian style plugins work just like image and content sliders to save spave in your websites.When you click on it opens just like an accordion with content or image.
Just take a look at the below example demos as well as tutorials.Enjoy!.
Slidorion
A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.
Demo & Download
LiteAccordion
A basic horizontal accordion plugin for jQuery.
Demo & Download
Grid Accordion
The Grid Accordion works with the same theory as most other accordions. Only one cell is open at a time. The big thing is that the column of the current open cell expands to a reasonable reading width.
Demo & Download
Easy Accordion Plugin
Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!
Demo & Download
zAccordion
zAccordion is a horizontal accordion plugin for jQuery.
Demo & Download
Tiny Accordion
This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website.
Demo & Download
Accordion Madness
jQuery Accordion
If you have a lot of content or a very long menu on your website, the use of accordion may be a good option for your layout. This plugin was created to be of easy setup.
Demo & Download
Accordion
Displays collapsible content panels for presenting information in a limited amount of space.
Demo & Download
Accordion v2.0
A lightweight accordion that is built with scriptaculous and works properly in every browser.
Demo & Download
Elegant Accordion with jQuery and CSS3
The idea is to have some vertical accordion tabs that slide out when hovering. We will add some CSS3 properties to enhance the looks.
Demo & Download
JQuery Accordion Menu
This tutorial will take you through the creation of a jQuery accordion menu. There is a little twist to this: the menu contains content. Instead of it being links to multiple pages, it is a choice of what content should appear.
Demo & Download
Simplest Accordion Menu Using JQuery
It has few top line menu items which when clicked toggles to open sub menu options. When another top level menu is selected, other open menu will automatically collapse and save useful screen area.
Demo & Download
JQuery Accordion Menu Widget
Accordion Content Script
Horizontal Accordion Script
Glossy Accordion Menu
Bullet List Accordion Menu
Apple Style Accordion Menu
Arrow Side Menu
Accordion Image Menu Plugin
jQuery Common Accordion
Vertical Sliding Accordion with jQuery
Flexible Slide-to-top Accordion
Horizontal jQuery Accordion using Custom Event Binding
Making a Fresh Content Accordion
jQuery Accordion Menu
