Полезные примеры HTML CSS JS
Пусть html ссылки при нажатии на которую спойлер будет открываться, выглядит так:
<a href="" class="spoiler-link" data-spoiler-id="r123">[развернуть/свернуть]</a>
А блок, в который будет показываться или скрывать при нажатии на неё:
<p class="spoiler-body" data-spoiler-body-id="r123">
Что-то, что нужно скрыть
</p>
CSS, который необходимо подключить, чтобы блок изначально был свёрнут (скрыт):