Masquer automatiquement le texte sous les titres

Soutien
1

J’aimerais avoir un sujet de FAQ où autant de questions que possible sont visibles, pour permettre aux utilisateurs de naviguer facilement. Une façon d’y parvenir est de masquer le texte des réponses et de cliquer simplement sur la question pour révéler le texte de la réponse.

Ceci est similaire à la façon dont fonctionne l’interface mobile de Wikipédia.

Voici quelques autres exemples

Une façon d’y parvenir est d’utiliser details

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

Mais pour autant que je sache, le style n’est pas pris en charge dans le texte de l’en-tête des détails, il est donc difficile de le faire ressortir.

Ce que j’aimerais, c’est que les questions soient des titres et que le texte sous chaque question soit révélé lorsque le texte du titre est cliqué.

Est-ce quelque chose de facilement réalisable ? Notez que je suis sur un plan hébergé.

2

J’ai déjà utilisé du HTML plutôt que du Markdown avec un certain succès, bien que j’aie utilisé <big> plutôt que <h3> pour éviter le problème de nouvelle ligne tout en ayant des titres plus grands. Quelque chose comme ceci :

<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>


<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>
7 « J'aime »
3

Génial ! Ça semble être exactement ce qu’il faut. Merci.

3 « J'aime »
4

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