Bildnachweis: Jupiterimages/Pixland/Getty Images
Es kommt oft vor, dass ein Webdesigner Text auf einer Website erweitern und reduzieren muss. Diese Funktion ist besonders nützlich, wenn es darum geht, FAQs einzurichten, Blogeinträge zu organisieren und Rätsel- und Quizfunktionen zu erstellen. Fügen Sie diesen Java-Code in Ihre Website ein, um komprimierbaren Text zu implementieren.
Schritt 1
Öffnen Sie den HTML-Code der Webseite, der Sie zusammenklappbaren Text hinzufügen möchten. Suchen Sie die und -Tags. Kopieren Sie dazwischen den folgenden Code und fügen Sie ihn ein:
Video des Tages
Schritt 2
Suchen Sie den Abschnitt des, in den Ihr reduzierbarer Text eingefügt werden muss. Fügen Sie dort den folgenden Code ein. Diese Zeile erstellt einen Header, der einen Abschnitt mit der ID "a1" umschaltet.
Abschnitt 1
Geben Sie den Abschnittstext in einen Container mit der ID "a1" und der Klasse "texter" ein.Abschnitt 1 Inhalt.
Schritt 3
Wenn Sie zusätzliche Elemente benötigen, fahren Sie mit dem Muster fort und verwenden Sie unterschiedliche ID-Paare für jeden Abschnittstitel und Inhaltsbereich. Speichern Sie Ihre Datei und testen Sie Ihren Code, um sicherzustellen, dass er richtig funktioniert. Sie sollten in der Lage sein, auf eine Kopfzeile zu klicken, um versteckten Text anzuzeigen und ihn dann verschwinden zu lassen.
