Ocultar automaticamente o texto sob os títulos

[aidanheerdegen]

Gostaria de ter um tópico de Perguntas Frequentes (FAQ) onde o máximo de perguntas possível ficasse visível, para permitir fácil navegação pelos usuários. Uma forma de conseguir isso é ocultar o texto das respostas e apenas clicar na pergunta para revelar o texto da resposta.

Isso é semelhante à forma como a interface móvel da Wikipédia funciona.

Aqui estão alguns outros exemplos:

FAQs | Free Spirit

How can we help? | UCAS

Uma forma de conseguir isso é usar details

Mas, até onde sei, a estilização não é suportada no texto do cabeçalho details, então é difícil fazê-lo se destacar.

O que eu gostaria é ter as perguntas como títulos e o texto abaixo de cada pergunta ser revelado quando o texto do título for clicado.

Isso é algo facilmente alcançável? Note que estou em um plano hospedado.

[JammyDodger]

Eu já usei HTML em vez de markdown com algum sucesso antes, embora eu tenha usado <big> em vez de <h3> para evitar o problema de nova linha, mas ainda ter títulos maiores. Algo como isto:

<hr>
<details>
<summary>
<big> Question </big>
<hr>
</summary>

This is an answer

<hr>
</details>

<details>
<summary>
<big> Question </big>
<hr>
</summary>

This is an answer 

<hr>
</details>

<details>
<summary>
<big> Question </big>
<hr>
</summary>

This is an answer

<hr>
</details>

---

Question

---

This is an answer

---

Question

---

This is an answer

---

Question

---

This is an answer

---

[aidanheerdegen]

Incrível! Parece ser exatamente o que eu precisava. Obrigado.