Checkbox

Pure CSS accordion based on the "input:checked + label" style trick.

Open multiple

Using `<input type="checkbox">` allows to have several tabs open at the same time.

Radio

If you want to have only one tab open, you can use `<input type="checkbox">` .

Open single

But if you wanna close the opened tab, you must add a "close" button somewhere, like the one below, that is just another styled radio input.

Close open tab ×