Автоматически скрывать текст под заголовками

Я хотел бы создать тему с часто задаваемыми вопросами (FAQ), где было бы видно как можно больше вопросов, чтобы пользователям было удобно их просматривать. Один из способов достичь этого — скрыть текст ответов и показывать его только при клике на вопрос.

Это похоже на то, как работает мобильный интерфейс Википедии.

Вот несколько других примеров:

Один из способов реализации — использование тега details.

Но, насколько мне известно, в заголовке тега details невозможно применять стили, поэтому трудно сделать его заметным.

Мне бы хотелось, чтобы вопросы были оформлены как заголовки, а текст под каждым вопросом раскрывался при клике на заголовок.

Легко ли это реализовать? Обратите внимание, что я использую тарифный план с хостингом.

Раньше я с некоторым успехом использовал HTML вместо Markdown, хотя применял <big> вместо <h3>, чтобы избежать проблемы с переносом строки, но при этом сохранять более крупные заголовки. Что-то вроде этого:

<hr>
<details>
<summary>
<big> Вопрос </big>
<hr>
</summary>

Это ответ

<hr>
</details>

<details>
<summary>
<big> Вопрос </big>
<hr>
</summary>

Это ответ 

<hr>
</details>

<details>
<summary>
<big> Вопрос </big>
<hr>
</summary>

Это ответ

<hr>
</details>

Вопрос

Это ответ


Вопрос

Это ответ


Вопрос

Это ответ


Отлично! Это именно то, что нужно. Спасибо.