Pure CSS accordion based on the "input:checked + label" style trick.
Using <input type="checkbox"> allows to have several tabs open at the same time.
<input type="checkbox">
If you want to have only one tab open, you can use <input type="radio">.
<input type="radio">
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.
30
Category
29
This is Item 1 Close
This is Item 2 Close
This is Item 3 Close
Accueil
Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
Page 8
Page 9
Page 10
Page 11
Page 12
Page 13
Page 14
Page 15
Page 16
28
27
In case you'd like to emphasize something very dramatically.