Best jQuery Accordion Plugins & Tutorials with Demo

    Brilliant Animated Testimonials Page with JavaScript

    Brilliant Animated Testimonials Page with JavaScript

    An animated testimonials page made with GSAP’s TweenMax which will help you to impress your customers.

    Foldable : Full Stack CSS3 powered jQuery Accordion

    Foldable : Full Stack CSS3 powered jQuery Accordion

    Foldable is the full stack CSS3 powered jQuery Accordion.

    Responsive and device-ready with a lot of options to customize it that can be easily be part of your projects.

    Fully animated open-close actions using built-in CSS3 animations with a smart auto fallback to jQuery animations for oldie browsers

    Create Animated Skill Bar Using jQuery & CSS

    Create Animated Skill Bar Using jQuery & CSS

    Skill Bar is a modern way to give rating like if you want to compare mobile phones in terms of performance then skill bar is one of the best option to show performance rating in front of user there are number of ways to use this modern rating method skill bar.In this tutorial we will show you how to create animated skill bar using jQuery, HTML and CSS.You may also like animated progress bar using jquery.

    CSS Vertical Navigation with Teaser

    CSS Vertical Navigation with Teaser

    This article explains how to create vertical navigation menus without jquery or javascript. Yes, we are going to build vertical menus with CSS only. The navigation menu of a website plays a significant role in website’s usability and User Experience. Without menu navigation site is like content all but useless.

    CSS Multi-Level Accordion Menu

    CSS Multi-Level Accordion Menu

    Today’s resource is a handy accordion menu with support for groups/subitems. It works with CSS only, using the :checked pseudo-class selector on the checkboxes input elements. However we included a version with jQuery as well, in case you prefer a subtle animation compared to the instant default effect.

    Woco : jQuery Accordion plugin

    Woco : jQuery Accordion plugin

    A simple, user-friendly and lightweight jQuery accordion plugin with smooth animations powered by CSS3 transitions.It was based on the Minimal Accordion/Drawer Plugin with jQuery and CSS3 developed by alxndrwcz.

    Responsive Accordion with jQuery & CSS3

    Responsive Accordion with jQuery & CSS3

    “Responsive Accordion” is a component ready to use on mobile devices and desktop devices. It’s a fluid component and easy to use. It provides various skins, options and features for data organization. Ready for the Bootstrap Framework.

    contentToggle : jQuery plugin for Content Toggling

    contentToggle : jQuery plugin for Content Toggling

    A jQuery plugin for managing various kind of content toggling.This library help you create cross-platform and accessible (in the meaning of the W3C) content that can be shown and hidden with triggers.

    Magic Accordion : jQuery Plugin

    Magic Accordion : jQuery Plugin

    There are plenty of accordion plugins out there but I wanted a really simple one for the user (client) to create from a single WYSIWYG editor instead of creating numerous amounts of fields in said CMS.

    All the user has to do is separate their content with a H2 tag (or what you define) and the accordion will magically be created!

    jQuery Accordion Menu

    jQuery Accordion Menu

    “jQuery Accordion Menu” is a menu with accordion behavior.

    Features:

    • Cross Browser
    • 6 color schemes
    • Unlimited submenus
    • Icons by Font Awesome
    • CSS3 effect
    • Easy to use and customize