Come Espandere e Comprimere Testo in una Pagina Web

Ci sono molte volte in cui un web designer ha bisogno di espandere e comprimere testo su un sito web. Questa funzione è particolarmente utile quando si tratta di configurare FAQ, organizzare voci di blog e creare funzioni per indovinelli e quiz. Inserisci questo codice Java nel tuo sito web per implementare testo comprimibile.

Passaggio 1

Apri il codice HTML della pagina web a cui vuoi aggiungere testo comprimibile. Individua i tag </head> e </head>. Tra di essi, copia e incolla il seguente codice:

Passaggio 2

Individua la sezione del <body> dove il tuo testo comprimibile deve andare. Incolla il seguente codice lì. Questa linea crea un'intestazione che attiva/disattiva una sezione con id "a1" <h3 onclick='openClose("a1")' style="cursor:hand;cursor:pointer">Sezione 1</h3> Inserisci il testo della sezione dentro un contenitore con id "a1" e una classe "texter". Contenuto Sezione 1.

Passaggio 3

Se hai bisogno di elementi aggiuntivi, continua con lo schema, usando coppie diverse di id per ogni titolo di sezione e area di contenuto. Salva il file e testa il codice per assicurarti che funzioni correttamente. Dovresti essere in grado di cliccare su un'intestazione per far apparire il testo nascosto e poi farlo scomparire.