Best jQuery Accordion Plugins & Tutorials with Demo

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

Grid Accordion – Responsive jQuery WordPress Plugin

Grid Accordion - Responsive jQuery WordPress Plugin

Grid Accordion is a fully responsive and touch-enabled WordPress plugin that combines the functionality of a grid with that of an accordion, offering a modern and engaging user experience.

Features:

  • Fully Responsive – automatic or custom responsiveness.
  • Touch-enabled – touch-swipe and tap on mobile screens, mouse drag on desktops.
  • Dynamic Content – load images and content from posts, galleries and Flickr.
  • Automatic Updates -update the plugin directly from the Dashboard.
  • Caching – grid accordion instances are automatically cached for improving the load time.
  • Animated layers – layers can be set to display when the panel is opened, or when it’s closed, or all the time.
  • Retina-ready – specify a retina version for each panel image.
  • Lazy Loading – load images only when they are viewed.

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded sub-menus between sessions by using cookies and optionally act as an accordion menu.

Accordion Slider – Responsive jQuery WordPress plugin

Accordion Slider - Responsive jQuery WordPress plugin

Accordion Slider is a fully responsive and touch-enabled WordPress plugin that combines the functionality of an accordion with that of a slider.

  • Fully Responsive – automatic or custom responsiveness.
  • Touch-enabled – touch-swipe and tap on mobile screens, mouse drag on desktops.
  • Dynamic Content – load images and content from posts, galleries and Flickr.
  • Automatic Updates -update the accordion directly from the Dashboard.
  • Pagination -add as many panels as you want without worrying about screen space.
  • Smooth animations – uses CSS3 transitions and RequestAnimationFrame.
  • Retina-ready – specify a retina version for each image.

jQuery Responsive Tabs Plugin

jQuery Responsive Tabs Plugin

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.

Features:

  • Tabs transform to accordion based on breakpoint
  • Uses javascript / jQuery for the technical tab switching (class based)
  • Uses CSS for the desktop/tablet/mobile view
  • Has callback events for the tab events
  • Tabs can be opened with URL hashes
  • Tabs can auto rotate
  • Tabs can be collapsed (optional)
  • Tabs can start collapsed based on the view (optional)
  • Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
  • Multiple device support (Web, Tablet, Mobile, etc)

Tabcordion.js : jQuery Plugin for Bootstrap tabs into Accordion

Tabcordion.js : jQuery Plugin for Bootstrap tabs into Accordion

Bootstrap Tabcordion is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.Useful for responsive mobile sites.

jQuery Responsive Tabs Plugin

jQuery Responsive Tabs Plugin

jQuery plugin for creating responsive tabs. The controls behave like regular tabs above a specified screen width (defined by an editable media query in the associated css file), and behave like an accordion on screens below that width.

Features:

  • Progressive enhancement – uses semantic heading/content markup – tabs and accordion are created entirely with jQuery
  • Uses Aria attributes and roles to aid screen reader accessibility
  • Tabs and their content are fully accessible via keyboard
  • Supports multiple sets of tabs on same page

Accordion Pro JS : Responsive jQuery Accordion

Accordion Pro JS : Responsive jQuery Accordion

Accordion Pro JS is a responsive jQuery accordion plugin. Create horizontal and vertical accordions with a variety of attractive themes and customisation options.

Features:

  • Fully responsive;
  • 5 unique themes (that’s themes, not colour options);
  • Create horizontal and vertical accordions;
  • Click or mouseover activation on desktop;
  • Touch or swipe activation on mobile devices;
  • Autoplay animation, easing and speed options;
  • CSS3 animations for smooth, hardware-accelerated animation on mobile devices and modern browsers; jQuery fallback for older browsers;
  • Right To left (RTL) support;

Navgoco : jQuery Multilevel Slide Menu

Navgoco : jQuery Multilevel Slide Menu

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded submenus between sessions by using cookies and optionally act as an accordion menu.

jQuery Easy Responsive Tabs to Accordion

jQuery Easy Responsive Tabs to Accordion

Easy responsive tabs – is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.

Features:

  • Horizontal / Vertical Tabs to Accordion
  • Tabs and accordion are created entirely with jQuery
  • Supports multiple sets of tabs on same page
  • Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
  • Multi device support (Web, Tablets & Mobile)


Best jQuery websites design awards