Consiglio su ottimizzazione

Salve a tutti! Avrei bisogno di un consiglio su quale scelta potrebbe essere migliore. Mi trovo nella situazione di dover stampare a schermo tutta una serie di voci che, se cliccate, si espandono mostrando un lungo contenuto testuale. Ora, ritengo (nella mia ignoranza) che JS sia la soluzione migliore per fare ciò (se avete idee diverse da quella che sto per illustrare, proponete pure ). Premettendo che vorrei non usare jQuery e mi affido ad xHTML1.1, sarebbe meglio:

Opzione 1
il testo da mostrare al clic è custodito in DIV ad ID univoco che vengono mostrati da una funzione JS richiamati (nascosti e mostrati) dal "titolo" del testo nascosto in questione.

Opzione 2
I DIV sopracitati sono inizialmente vuoti e vengono riempiti da una funzione del tipo innerHTML richiamata così:

contenuto([contenuto da mostrare al clic, che andrà a diventare l'innerHTML del DIV in questione]);

Cosa mi suggerite?

Grazie a tutti delle risposte.

[saitfainder]

Se il contenuto si trova già sulla pagina (come HTML o come JS) non fa troppa differenza perché comunque l'utente l'ha già scaricato. Probabilmente è più comoda la soluzione HTML perché non devi stare ad encodare il testo per evitare che spacchi il Javascript.

Se il contenuto si trova già sulla pagina (come HTML o come JS) non fa troppa differenza perché comunque l'utente l'ha già scaricato. Probabilmente è più comoda la soluzione HTML perché non devi stare ad encodare il testo per evitare che spacchi il Javascript.

Capito, allora vada per la soluzione HTML. Grazie della risposta :)