Afbeelding tegoed: Jupiterimages/Pixland/Getty Images
Het komt vaak voor dat een webdesigner tekst op een website moet uitvouwen en samenvouwen. Deze functie is vooral handig als het gaat om het instellen van veelgestelde vragen, het organiseren van blogberichten en het maken van raadsel- en quizfuncties. Voeg deze Java-code in uw website in om opvouwbare tekst te implementeren.
Stap 1
Open de HTML-code van de webpagina waaraan u samenvouwbare tekst wilt toevoegen. Zoek de en tags. Kopieer en plak de volgende code tussen hen:
Video van de dag
Stap 2
Zoek het gedeelte van de waar uw opvouwbare tekst moet gaan. Plak daar de volgende code. Deze regel maakt een koptekst die een sectie met een id van "a1" zal schakelen
Sectie 1
Voer de sectietekst in een container in met id "a1" en een klasse van "texter".Sectie 1 inhoud.
Stap 3
Als je extra items nodig hebt, ga dan verder met het patroon en gebruik verschillende paren id's voor elke sectietitel en inhoudsgebied. Sla je bestand op en test je code om er zeker van te zijn dat het goed werkt. U zou op een koptekst moeten kunnen klikken om verborgen tekst weer te geven en deze vervolgens te laten verdwijnen.
