A section that can be collapsed in pure HTML and CSS.

The section is preceded with an invisible checkbox and a label for that checkbox.

The checkbox is controlled via the label. The label has the arrow as a :before pseudo element.

Some text after the section that flows up when the section is collapsed.

It would be nice to have a better animation but that is better done in JavaScript.