DEMO: Adding simple CSS accordion animations

This is only the DEMO for the pure CSS accordion with CSS3 animations, if you want to read the how to tutorial, please visit the "Read Tutorial" link below. Also, don't forget to check the pure "CSS accordions collection" link to get more inspiration.

Read Tutorial

Pure CSS accordions collection

Live Demo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

For more pure CSS demos visit links below

Pure CSS accordion with no signs

Pure CSS accordion with plus and minus signs

Pure CSS accordion with Font Awesome arrows

CSS Accordion Collection Pure CSS Accordions DEMOS

Website Help?