Accordion is great addition to any website. It consists of a list of items with functions to be “expanded” or “stretched” to reveal the content of the item. Usually accordion menus will be done using javascript code. But in this post i want to share some awesome horizontal and vertical accordion menus by using CSS only.

Accordions

CSS Only Accordion

Make an accordian style slider in CSS3

Image Accordion with CSS3

CSS3 Horizontal Accordion

CSS-Based Content Accordion

Pure CSS Horizontal Accordion

CSS Accordions

Simple Flat UI CSS Accordion

CSS3 Slide Accordion

CSS Responsive Animated Accordion