Сворачиваемые секции

Спойлер прячет тело за строкой-заголовком, пока читатель его не развернёт. Классическое академическое применение: решения и подсказки под условием задачи.

::::spoiler[Решение]
Подставим $u = x^2$; интеграл становится элементарным:
 
$$
\int_0^1 2x e^{x^2} \, dx = e - 1
$$
::::

Решение

Подставим $u = x^{2}$ ; интеграл становится элементарным:

\int_{0}^{1} 2 x e^{x^{2}} d x = e - 1

[метка] – всегда видимая строка-заголовок. Без неё будет "Details".
Тело – полный Markdown, включая формулы, код и вложенные директивы (внешней ограде – больше двоеточий; см. вложенность).
Спойлеры рендерятся нативным HTML-элементом <details>: работают без скриптов и доступны с клавиатуры. Сырой HTML <details><summary>...</summary></details> даёт тот же результат; директива – просто читаемая форма.

Свёрнутое содержимое остаётся на странице – оно часть документа для поиска и для любого, кто развернёт. Не прячьте ничего, что читатель обязан увидеть, чтобы понять текст.