Accordion Slider is a kind of slider design pattern that enables the user to expand/collapse slides just like an accordion.
How Accordion Slider Works?
An Accordion Slider collapses slides into an accordion-style interface where the user can reveal the full content of a slide by clicking or hovering the accordion header.
The Best Accordion Slider
Originally Published Oct 29 2019, updated Mar 02 2021
Table of contents:
A jQuery and CSS3 powered responsive, skewed accordion slider that enables the user to expand each image on mouse hover.
Diagonal Slider is a small jQuery plugin to create a full window diagonal image slider that auto expands/collapses on mouse hover like an accordion control.
A jQuery plugin for generating an accordion style collapsing carousel where the slides will expand into full view when you click on the vertical title labels.
fsbanner is a very small jQuery plugin used for creating an accordion-style background image slider that supports both click and hover events.
cascadingDivs is a jQuery accordion plugin which makes use of CSS3 transitions to slide between a group of stacked elements just like a horizontal slider.
Pure CSS Accordion Sliders:
A responsive horizontal accordion created by ferry that makes use of CSS3 transitions and transforms to smoothly expand accordion items on mouse hover.
A pure CSS/CSS3 based responsive accordion slider that allows you to horizontally expands the images on mouse hover. On small screens such as mobile devices, the accordion slider will be transformed into a vertical image list to fit its parent container.
An accordion style smooth content slider created by dp_lewis that allows you to expand the current slide with a smooth sliding animation when hover over, built with CSS3 flex and transition properties.
A pure CSS/CSS3 accordion slider that you are able to expand the desired slide into full size on mouse hover or touch tap. Responsive layout based on CSS3 flexbox model. Currently comes with 5 fancy transition effects.