details

Аккордеон. Область, которая может разворачиваться и сворачиваться.

<details open>
    <summary>Дополнительная информация</summary>
    <p>Текст</p>
</details>

Дополнительная информация

Текст

/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
    display: none
}

/* Убираем стандартный маркер Firefox */
details > summary {
    list-style: none;
}

/* Добавляем собственный маркер для закрытого состояния */
details summary:before {
    content: '+';
}

/* Добавляем собственный маркер для открытого состояния */
details[open] summary:before {
    content: '-';
}

Дополнительная информация

Текст