30+ jQuery Accordions - Free Code + Demos

Image Accordions Demo with Swiper.js

This is a simple example of how you can create an accordion from a regular HTML tag and a pair of jquery lines. We often resort to using complex patterns and writing long code when creating sliders and accordions, completely forgetting that there are very simple ways to solve these problem...

Read More

Accordion using definition lists. Trending Words taken from Dictionary.com.

HTML, CSS and JS accordion UI-component for scalable projects.

A jQuery accordion plugin

Simple Jquery Multi Accordion

jQuery Accessible Accordion System, using ARIA

👆 Responsive, CSS powered, jQuery accordion plugin.

jquery accordion

Hello, This example to how to use Accordion menu in jquery and some css effect > Thank you <

Reason for build As a response to not finding anything that I needed, I thought I'd build one from scratch. Insperation https://dribbble.com/shots/1257916-Freebie-Flat-Accordion?utm_source=Clipboard_Shot&utm_campaign=PSDchat&utm_content=Freebie%3A%20Flat%20Accordion&utm_medium=Social_Sh...

Read More

A reusable jQuery accordion navigation menu, works with any amount of categories and subcategories

A simple CSS and JQuery accordion that expands a content area from a defined starting height to an end height. The end height is automatically detected based on the height of the hidden content. Multiple instances can be used within one page with no changes to code.

This accordion have a caret and this change when accordeon is active.

I created a vertical accordion with jQuery. The idea was to one static column for a menu or title and the rest to be interactive. Next update: Make content show/hide in opening and closing Responsive Bootstrap/SASS edition

A sleek vertical accordion menu for your next website/app. The headings use Font Awesome icon font. CSS3 gradients, transitions, and shadows have been used in the demo along with minimalistic use of jQuery for sliding the link lists. Degrades gracefully upto IE8. Works in all major brows...

Read More

Transition from accordion to vertical tabs. Accordion has clickable h2s with scroll-to functionality when < 480px. At >481px vertical tabs are used for toggling and only the active panel is shown. Work in progress... A few accessibility issues that need to be fixed: -alternative to dis...

Read More

Accordion Slider with GSAP and jQuery