Sådan udvides og skjules tekst på en webside

Kvinde hjælper mand med computer

Billedkredit: Jupiterimages/Pixland/Getty Images

Der er mange tidspunkter, hvor en webdesigner skal udvide og skjule tekst på en hjemmeside. Denne funktion er især nyttig, når det kommer til opsætning af ofte stillede spørgsmål, organisering af blogindlæg og oprettelse af gåde- og quizfunktioner. Indsæt denne Java-kode på dit websted for at implementere sammenklappelig tekst.

Trin 1

Åbn HTML-koden for den webside, du ønsker at tilføje sammenklappelig tekst til. Find og tags. Mellem dem skal du kopiere og indsætte følgende kode:

Dagens video

Trin 2

Find den sektion, hvor din sammenklappelige tekst skal hen. Indsæt følgende kode der. Denne linje laver en overskrift, som skifter en sektion med id'et "a1"

Afsnit 1

Indtast sektionsteksten i en container med id "a1" og en klasse "texter".

Indhold i afsnit 1.

Trin 3

Hvis du har brug for yderligere genstande, skal du fortsætte med mønsteret ved at bruge forskellige par id'er for hver sektionstitel og indholdsområde. Gem din fil, og test din kode for at sikre, at den fungerer korrekt. Du bør være i stand til at klikke på en overskrift for at få skjult tekst frem og derefter få den til at forsvinde.