Come espandere e comprimere il testo su una pagina Web

click fraud protection
Donna che aiuta l'uomo con il computer

Credito immagine: Jupiterimages/Pixland/Getty Images

Ci sono molte volte in cui un web designer ha bisogno di espandere e comprimere il testo su un sito web. Questa funzione è particolarmente utile quando si tratta di impostare domande frequenti, organizzare post di blog e creare funzionalità di indovinelli e quiz. Inserisci questo codice Java nel tuo sito web per implementare il testo comprimibile.

Passo 1

Apri il codice HTML della pagina web a cui desideri aggiungere il testo comprimibile. Individua i tag e. Tra di loro, copia e incolla il seguente codice:

Video del giorno

Passo 2

Individua la sezione in cui deve essere inserito il testo comprimibile. Incolla lì il seguente codice. Questa riga crea un'intestazione che commuterà una sezione con un id di "a1"

Sezione 1

Inserisci il testo della sezione all'interno di un contenitore con id "a1" e una classe di "texter".

Contenuto della sezione 1.

Passaggio 3

Se hai bisogno di elementi aggiuntivi, continua con lo schema, utilizzando diverse coppie di ID per ogni titolo di sezione e area di contenuto. Salva il tuo file e prova il tuo codice per assicurarti che funzioni correttamente. Dovresti essere in grado di fare clic su un'intestazione per visualizzare il testo nascosto e quindi farlo scomparire.