Как скрыть текст или блок на чистом css?


Очень приятный код для скрытия части статьи на чистом css никакого JS:

Демо:

Появляющийся/скрывающийся текст



Появляющийся/скрывающийся текст

Технические подробности:
id — индивидуальный идентификатор. Должен быть одним на html странице.
for должен совпадать с id.
Если в начале нужен видимый элемент, который в последствии исчезнет, нужно добавить в input: checked="checked"