Akkordion

Auf der Webseite test.html, die unten angezeigt wird, passieren merkwürdige Dinge, wenn man auf die verschiedenen Elemente klickt. Probiere es aus.

Aufgabe:

  1. Lade test.txt und speichere den Text in der Datei test.html.
    Ändere die Webseite so ab, dass zunächst nur die Überschriften <h2> und <h4> zu sehen sind.
  2. Erweitere: Wenn auf eine Überschrift <h4> geklickt wird, soll der darunter verborgene Paragraph <p> angezeigt werden.
  3. Erweitere: Wenn man dann den Paragraphen klickt, soll er wieder verborgen werden.
  4. Erweitere: Wenn beim Klick auf eine Überschrift <h4> der darunter verborgene Text aufgeklappt werden soll, soll ein eventuell noch geöffneter anderer Paragraph verborgen werden.


test.html