Accordion

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

Slide from left accordion.

Made with: HTML,CSS

View Code

Rainbow Accordion

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

Pure Css Accordion

Made with: HTML,CSS

View Code

Collapsing Accordion Pure Css

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

Made with: HTML,CSS

View Code

Animated Accordion

Animated accordion with HTML details element.

Made with: HTML,CSS (SCSS)

View Code

Pure Scss Accordion Tabs

Accordion tabs without JS. This tabs have responsive design.

Made with: HTML,CSS (SCSS)

View Code

Css Vertical Accordion

CSS vertical accordion for frequently asked questions.

Made with: HTML,CSS (Post CSS)

View Code

Accordion With Input Edit

Pure CSS accordion with input edit.

Made with: HTML

View Code

Animated Css Accordion

Animated collapse/expend component.

Made with: HTML,CSS (SCSS)

View Code