Table of Contents
01

ACCORDION

See the Pen Accordion by Prabhu Kalyan Korivi (@prabhukorivi) on CodePen.

Author

  • Prabhu Kalyan Korivi

Made with

  • HTML / CSS / JS
02

Slide from left accordion

See the Pen Accordion (Slide from Left) by Johnatan Vargas (@johnatan-vargas) on CodePen.

Author

  • Johnatan Vargas

Made with

  • HTML / CSS
03

RAINBOW ACCORDION

See the Pen Rainbow Accordion (CSS Only, Responsive) by MOZZARELLA (@TheMOZZARELLA) on CodePen.

Author

  • MOZZARELLA

Made with

  • HTML / CSS
04

PURE CSS ACCORDION

See the Pen Pure CSS Accordion by Ian (@IanWoodard) on CodePen.

Author

  • Ian

Made with

  • HTML / CSS
05

COLLAPSING ACCORDION PURE CSS

See the Pen Collapsing Accordion Pure CSS by Kniw Studio (@JeremyWink) on CodePen.

Author

  • Kniw Studio

Made with

  • HTML / CSS
06

ANIMATED ACCORDION

See the Pen animated details element — week 11/52 by Mert Cukuren (@knyttneve) on CodePen.

Author

  • Mert Cukuren

Made with

  • HTML / CSS (SCSS)
07

PURE SCSS ACCORDION TABS

See the Pen pure scss accordion tabs by Natalia (@natali_k) on CodePen.

Author

  • Natalia

Made with

  • HTML / CSS (SCSS)
08

CSS VERTICAL ACCORDION

See the Pen CodePen Challenge details and summary by Monica Wheeler (@frogmcw) on CodePen.

Author

  • Monica Wheeler

Made with

  • HTML / CSS (Post CSS)
09

ACCORDION WITH INPUT EDIT

See the Pen Pure CSS – Accordion With Input Edit by Jorge Brunetto (@jorgebrunetto) on CodePen.

Author

  • Jorge Brunetto

Made with

  • HTML / CSS
10

ANIMATED CSS ACCORDION

See the Pen Animated Collapse / Expend Component by Elior Tabeka (@eliortabeka) on CodePen.

Author

  • Elior Tabeka

Made with

  • HTML / CSS (SCSS)