Ocultar automaticamente o texto sob os títulos

Suporte
1

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:

Uma forma de conseguir isso é usar details

Screenshot 2023-07-24 at 8.34.54 pm
Screenshot 2023-07-24 at 8.34.54 pm1141×533 34.5 KB

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.

2

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

3

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