DEMO: Font Awesome arrows inside pure CSS accordion.

This is only the DEMO for adding Font Awesome arrows inside a pure CSS accordion, 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 animation

CSS Accordion Collection Pure CSS Accordions DEMOS

Need website help?