Text unter Überschriften automatisch ausblenden

Unterstützung
1

Ich möchte ein FAQ-Thema haben, bei dem so viele Fragen wie möglich sichtbar sind, um den Benutzern das einfache Durchsuchen zu ermöglichen. Eine Möglichkeit, dies zu erreichen, besteht darin, den Text der Antworten auszublenden und nur auf die Frage zu klicken, um den Antworttext anzuzeigen.

Dies ähnelt der Funktionsweise der mobilen Wikipedia-Oberfläche.

Hier sind einige weitere Beispiele

Eine Möglichkeit, dies zu erreichen, ist die Verwendung von details

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

Aber meines Wissens wird das Styling im Details-Header-Text nicht unterstützt, daher ist es schwierig, ihn hervorzuheben.

Ich möchte, dass die Fragen als Überschriften dienen und der Text unter jeder Frage angezeigt wird, wenn auf den Überschriftentext geklickt wird.

Ist das leicht erreichbar? Beachten Sie, dass ich auf einem gehosteten Plan bin.

2

Ich habe zuvor mit HTML anstelle von Markdown einige Erfolge erzielt, obwohl ich <big> anstelle von <h3> verwendet habe, um das Problem mit neuen Zeilen zu vermeiden, aber trotzdem größere Titel zu haben. Etwas wie das hier:

<hr>
<details>
<summary>
<big> Frage </big>
<hr>
</summary>

Dies ist eine Antwort

<hr>
</details>

<details>
<summary>
<big> Frage </big>
<hr>
</summary>

Dies ist eine Antwort 

<hr>
</details>

<details>
<summary>
<big> Frage </big>
<hr>
</summary>

Dies ist eine Antwort

<hr>
</details>
Frage

Dies ist eine Antwort

Frage

Dies ist eine Antwort

Frage

Dies ist eine Antwort

3

Großartig! Das sieht genau richtig aus. Danke.