Nascondi automaticamente il testo sotto i titoli

Supporto
1

Vorrei avere un argomento FAQ in cui quante più domande possibile siano visibili, per consentire una facile navigazione da parte degli utenti. Un modo per raggiungere questo obiettivo è nascondere il testo delle risposte e fare clic sulla domanda per rivelare il testo della risposta.

Questo è simile al modo in cui funziona l’interfaccia mobile di Wikipedia.

Ecco alcuni altri esempi

Un modo per raggiungere questo obiettivo è utilizzare details

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

Ma per quanto ne so, lo styling non è supportato nel testo dell’intestazione dei dettagli, quindi è difficile farlo risaltare.

Quello che vorrei è avere le domande come intestazioni e il testo sotto ogni domanda che venga rivelato quando si fa clic sul testo dell’intestazione.

È qualcosa di facilmente realizzabile? Nota che sono su un piano ospitato.

2

Ho usato l’html piuttosto che il markdown con un certo successo in passato, anche se ho usato <big> piuttosto che <h3> per evitare il problema della nuova riga ma avere comunque titoli più grandi. Qualcosa del genere:

<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

Fantastico! Sembra proprio quello che ci voleva. Grazie.