Accordion

9.07.2022

As long as you don't have to support IE11 or older browsers you could use <details> and <summary> natively.

Made with: HTML,CSS,JS

View Code

Accordion

Accordion

8.02.2022

Slide from left accordion.

Made with: HTML,CSS

View Code

Accordion

Rainbow Accordion

27.01.2022

HTML list with an accordion-like structure. Mobile optimized and easily editable. CSS variables for the colors; built with Flexbox.

Made with: HTML,CSS

View Code

Rainbow Accordion

Pure Css Accordion

30.11.2021

Made with: HTML,CSS

View Code

Pure Css Accordion

Collapsing Accordion Pure Css

17.09.2019

This example will collapse without the need for any kind of JavaScript.

Made with: HTML,CSS

View Code

PlaceholderCollapsing Accordion Pure Css

Animated Accordion

17.03.2019

Animated accordion with HTML details element.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderAnimated Accordion

Pure Scss Accordion Tabs

25.09.2018

Accordion tabs without JS. This tabs have responsive design.

Made with: HTML,CSS (SCSS)

View Code

Pure Scss Accordion Tabs

Css Vertical Accordion

15.05.2018

CSS vertical accordion for frequently asked questions.

Made with: HTML,CSS (Post CSS)

View Code

Css Vertical Accordion

Accordion With Input Edit

7.11.2017

Pure CSS accordion with input edit.

Made with: HTML

View Code

Accordion With Input Edit

Animated Css Accordion

3.11.2017

Animated collapse/expend component.

Made with: HTML,CSS (SCSS)

View Code

Animated Css Accordion