Hur man expanderar och komprimerar text på en webbsida

Kvinna som hjälper mannen med datorn

Bildkredit: Jupiterimages/Pixland/Getty Images

Det finns många gånger när en webbdesigner behöver expandera och komprimera text på en webbplats. Den här funktionen är särskilt användbar när det gäller att ställa in vanliga frågor, organisera blogginlägg och skapa gåtor och frågesportsfunktioner. Infoga denna Java-kod på din webbplats för att implementera hopfällbar text.

Steg 1

Öppna HTML-koden för webbsidan du vill lägga till hopfällbar text till. Leta upp taggarna och. Kopiera och klistra in följande kod mellan dem:

Dagens video

Steg 2

Leta reda på avsnittet där din hopfällbara text måste hamna. Klistra in följande kod där. Den här raden skapar en rubrik som växlar en sektion med ID: t "a1"

Sektion 1

Ange avsnittstexten i en behållare med id "a1" och klassen "texter".

Avsnitt 1 innehåll.

Steg 3

Om du behöver ytterligare föremål, fortsätt med mönstret, använd olika par av ID för varje avsnittsrubrik och innehållsområde. Spara din fil och testa din kod för att se till att den fungerar korrekt. Du bör kunna klicka på en rubrik för att få fram dold text och sedan få den att försvinna.