Aufgabe

Ein Klick auf ein angezeigtes Element fügt im Attribut class des Eltern-Elements das Wort „collapsed” ein oder entfernt das Wort wieder. CSS-Regeln können die Darstellung des Elternelements abhängig von diesem Wort ändern, zum Beispiel einfalten. Dazu passen die CSS-Regeln fold.css (Quelltext).

Übersicht

var f = new Folder ();
f.apply_elt (document.getElementById ("falter"));
f.apply_doc_parent_child (document, "section", "h4");
  

Funktionen

new Folder().apply_elt (element)

Ein Klick auf die Darstellung des Elements element fügt das Wort „collapsed” im Attribut class des Elternelements ein oder entfernt es.

new Folder().apply_doc_parent_child (document, parentname, childname),new Folder().apply_doc_parent_child (document, "section", "h4")

Alle Elemente des Dokuments document mit dem lokalen Namen childname, deren Elternelement den lokalen Namen parentname hat, reagieren auf einen Mausklick: im Attribut class des Elternelements wird das Wort „collapsed” eingefügt oder entfernt.