Best jQuery Accordion Plugins & Tutorials with Demo

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

Kangaroo : jQuery Accordion Plugin

Kangaroo : jQuery Accordion Plugin

An Accordion that doesn’t break your content. jQuery plugin that lets you create beautiful responsive Accordion dropdown content.

BWL Searchable Accordion jQuery Plugin

BWL Searchable Accordion jQuery Plugin

BWL Searchable Accordion jQuery Plugin provide you a great way to create responsive and animated accordions for your website. This jQuery plugin comes with well commented jQuery code and valid HTML5 markup, so that you can easily customize code without any issue.

Features:

  • Smooth jQuery & CSS3 based Accordion.
  • Unique search bar to find contents easily.
  • Unlimited Accordions in a single page.
  • 14+ Smooth Animation & Effects.
  • 6 Stylish Predefined Accordion Theme.
  • Less file included for easy CSS customization.
  • Font Awesome.
  • Google Fonts.
  • Retina Ready.
  • Responsive Accordion


Best jQuery websites design awards