Ocultar texto automáticamente bajo los títulos de los encabezados

Me gustaría tener un tema de preguntas frecuentes donde la mayor cantidad posible de preguntas sean visibles, para permitir una fácil navegación por parte de los usuarios. Una forma de lograrlo es ocultar el texto de las respuestas y simplemente hacer clic en la pregunta para revelar el texto de la respuesta.

Esto es similar a cómo funciona la interfaz móvil de Wikipedia.

Aquí hay algunos otros ejemplos:

Una forma de lograrlo es usar details

Pero, hasta donde sé, el estilo no es compatible con el texto del encabezado de details, por lo que es difícil que destaque.

Lo que me gustaría es tener las preguntas como encabezados y que el texto debajo de cada pregunta se revele al hacer clic en el texto del encabezado.

¿Es esto algo que se puede lograr fácilmente? Tenga en cuenta que estoy en un plan alojado.

He usado html en lugar de markdown con cierto éxito antes, aunque he usado <big> en lugar de <h3> para evitar el problema de la nueva línea pero aún así tener títulos más grandes. Algo como esto:

<hr>
<details>
<summary>
<big> Pregunta </big>
<hr>
</summary>

Esta es una respuesta

<hr>
</details>

<details>
<summary>
<big> Pregunta </big>
<hr>
</summary>

Esta es una respuesta 

<hr>
</details>

<details>
<summary>
<big> Pregunta </big>
<hr>
</summary>

Esta es una respuesta

<hr>
</details>

Pregunta

Esta es una respuesta


Pregunta

Esta es una respuesta


Pregunta

Esta es una respuesta


7 Me gusta

¡Genial! Eso parece ser justo lo que necesitaba. Gracias.

3 Me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.