Nascondi automaticamente il testo sotto i titoli

[aidanheerdegen]

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

FAQs | Free Spirit

How can we help? | UCAS

Un modo per raggiungere questo obiettivo è utilizzare details

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.

[JammyDodger]

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

---

[aidanheerdegen]

Fantastico! Sembra proprio quello che ci voleva. Grazie.