jQuery Accordion can be handy while developing menus, slideshows, content sliders, sidebars and many more, the power of jquery Accordions cant be underestimate, jQuery Accordions help you to show the vital information on your websites and make your websites visually stunning.
In this article we have amassed 15 of the best jQuery Accordion Plugins which will help you to compile eye-catching and useful content sliders, image sliders, sidebars and many more. I hope you will find the list handy and useful for your projects. Enjoy !!
If you like the article you might be interested in our other article on 15 Best jQuery Image Slider Plugins
1. Slidorion
Slidorion is a jQuery image slider plugin that functions in parallel with an accordion displaying the related contents for each slide. There are multiple built-in effects (‘fade, slideLeft, overRight, overDown an more..) to be used for transitions. The slide to be displayed on initial load can be defined and it can be set to autoplay (hover-on-pause exists) or only manual browsing by clicking each accordion tab. Also, few other options exist for a better customization like the speed of transitions and interval between each slide.
2. LiteAccordion
LiteAccordion is a jQuery plugin for creating attractive horizontal accordions on the fly. It is sized ~1.4kb (gzipped and minified) and can display any HTML element(images, text, video, Flash..). Any number of slides can be shown (that fit to the size of it) and it can be set to display a selected slide on initial load. liteAccordion is themable and comes with 2 themes (basic and dark). Also, 2 callback functions exist (after the transition is complete and if any of the slides is clicked) for interacting with events.
3. Grid Accordion
The Grid Accordion is an advanced accordion navigation that is built with jQuery. It works similar to most other accordions, only one cell is open at a time and handy for displaying detailed information about the items inside a grid. The accordion also makes use of CSS3 pseudo class selector :nth-of-typefor styling the columns (which you can add extra class names to support non-CSS3-enabled browsers).
4. Easy Accordion Plugin
Its a simple accordion plugin which will let you create slick and beautiful menus.
5. zAccordion
zAccordion is an horizontal accordion plugin that would help you to create stunning accordion menus.
6. Tiny Accordion
This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. It now includes multi-level support, a parameter to determine whether only one panel can be expanded concurrently, and a hide/show all toggle.
7 Stupid Simple jQuery Accordion menu
Accordion Madness lets you create menus to show and hide information as needed.
8. JavaScript Accordion Menu Wizard
Javascript Accordion Menu is an image based site navigation menu. Scriptocean Accordion Menu Wizard supports horizontal and vertical accordion menus.
9. jQuery Horizontal Accordion
This jQuery plugin allows you to easily transform any unordered list into a horizontal menu. Explore tutorial, see documentation and different examples of use.
10. Accordion Madness
One of the options how to create accordion menu.
11. 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.
12. Hover jQuery Accordion
Hover Accordion lets you create vertical accordion that opens on hover that would look good on your sidebar.
13. Accordion jQuery UI
Displays collapsible content panels for presenting information in a limited amount of space.
14. Nested Accordion
The Nested Accordion plugin provides support for unlimited number of levels. The plugin could easily be customized and used with any website. It allows multiple instances of the accordion on the same page.
15. Accordion V2.0
Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.
.
