Аккордеон на чистом HTML⁠⁠

Это даже не статья, а пересказ документации, но для ознакомления все же напишу.

Весь способ заключается в двух тегах:

<details>
 <summary>How to create accordion without JavaScript?</summary>
 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id recusandae tempore nam placeat ratione accusantium maiores nobis velit, incidunt, hic, omnis dolorem possimus. Hic porro tenetur fugiat blanditiis iste.
</details>

— Весь контент оборачиваем в details;

— Вопрос в summary;

— Все остальное пишем следом.

Нужно помнить о двух вещах:

— details нельзя анимировать.

— Отсутствует поддержка IE.

Если для вас это не проблема — смело используйте.

А демо смотрите у меня codepen :)