SIMPLE SLIDING ACCORDION
Simple vertical sliding accordion with little jQuery.
See the Pen Simple Sliding Accordion by rajeshdn (@RajRajeshDn) on CodePen.
Links
Made with
- HTML / CSS / JS
ACCORDION SLIDER
Simple horizontal jQuery accordion slider.
See the Pen accordion slider by Yusuke Saio (@saio-th) on CodePen.
Links
Made with
- HTML / CSS (SCSS) / JS
IMAGE ACCORDIONS
Image accordions demo with swiper.js
See the Pen Image Accordions – Date 9 (24 days of animation) by januaryofmine (@januaryofmine) on CodePen.
Links
Made with
- HTML / CSS (SCSS) / JS
ACCORDION WITH CLOSE BUTTON
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 problems. Here you do not need to be well versed in the code to stylize it and add animation.
See the Pen Accordion on html "Details" with close button by Andrej Sharapov (@andrejsharapov) on CodePen.
Links
Made with
- HTML (Pug) / CSS (Sass) / JS
ACCORDION WITH DT & DD TAGS.
jQuery accordion using definition lists.
See the Pen #CodePenChallenge – dt & dd – Trending Words by Halida Astatin (@halidaa) on CodePen.
Links
Made with
- HTML / CSS / JS
CSS ANIMATION FOR JQUERY ACCORDION
Accordion for meteo application in jQuery with CSS animation.
See the Pen app meteo animation css ease by Sergio (@SofiaSergio) on CodePen.
Links
Made with
- HTML / CSS / JS
ACCORDION MENU
Hamburger slide accordion menu with jQuery.
See the Pen hamburger slide accordion menu by Anya Melnyk (@slyka85) on CodePen.
Links
Made with
- HTML / CSS / JS
ARAI ACCORDION
HTML, CSS and JS accordion UI-component for scalable projects. User-friendly and accessible: WAI ARIA 1.1 compliant.
Links
Made with
- HTML / CSS / JS
ZIEHHARMONIKA
A lightweight jQuery accordion plugin.
Links
Made with
- HTML / CSS / JS
SIMPLE JQUERY MULTI ACCORDION
Links
Made with
- HTML / CSS / JS
JQUERY ACCESSIBLE ACCORDION SYSTEM
This jQuery plugin will transform a simple list of hx
 and div
’s into a fantastic-shiny accordion system, using ARIA.
Links
Made with
- JS
JQUERY ACCORDION
Responsive, CSS powered, jQuery accordion plugin. Jquery Accordion uses CSS transitions to animate opening/closing with a fallback to jQuery’s animate when CSS transitions are not supported. It takes little configuration or code to use it on your project.
Links
Made with
- HTML / CSS / JS