Hvordan utvide og skjule tekst på en nettside

Kvinne hjelper mann med datamaskin

Bildekreditt: Jupiterimages/Pixland/Getty Images

Det er mange ganger når en webdesigner trenger å utvide og skjule tekst på et nettsted. Denne funksjonen er spesielt nyttig når det gjelder å sette opp vanlige spørsmål, organisere blogginnlegg og lage gåte- og quizfunksjoner. Sett inn denne Java-koden på nettstedet ditt for å implementere sammenleggbar tekst.

Trinn 1

Åpne HTML-koden til nettsiden du ønsker å legge til sammenleggbar tekst på. Finn og -taggene. Mellom dem, kopier og lim inn følgende kode:

Dagens video

Steg 2

Finn delen av hvor den sammenleggbare teksten må gå. Lim inn følgende kode der. Denne linjen lager en overskrift som vil veksle mellom en seksjon med en id på "a1"

Seksjon 1

Skriv inn seksjonsteksten i en beholder med id "a1" og klassen "texter".

Innhold i del 1.

Trinn 3

Hvis du trenger flere elementer, fortsett med mønsteret, bruk forskjellige par med IDer for hver seksjonstittel og innholdsområde. Lagre filen og test koden for å sikre at den fungerer som den skal. Du bør kunne klikke på en overskrift for å få frem skjult tekst og deretter få den til å forsvinne.