Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing. Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class. Using hidden inputs and labels, we will create an accordion that will animate the content areas on opening and closing. There are many variations of CSS-only a
![Accordion with CSS3 | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7c042f393c3938b96ec57ed4cf2757ab1a946fd/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2012%2F02%2FCSS3Accordion.jpg%3Fx82873)