Accordion with CSS3

Under the hood, the accordion can be powered by radio buttons or checkboxes.

The difference between the two?
- When using radio buttons, only one panel can be opened at a time.
- When using checkboxes, multiple panels can be opened at the same time.

Also, at page load, some panels can be opened by default.

A demo is included with the download package.

"Accordion with CSS3" uses adjacent & general sibling combinators, and the :checked pseudo-class.

Requirements:

• CSS 3 enabled browser