nicht angemeldet
Moin!
Das machst Du in dem Javascript, das fuer das auf- und zuklappen zustaendig ist. Dort kannst Du sowohl das Bild austauschen als auch die Klasse(n) der betreffenden Elemente erweitern/aendern.
Als Tipp: baue dir je eine Klasse fuer den aus- und den eingeklappten Zustand fuer das Bild (dass ich als Hintergrundbild einbinden wuerde - Stichwort Sprite) und deine zu faerbende Zelle. Dann tauscht Du bei Klick jeweils die beiden Klassen aus.
Und hier noch die uebliche Belehrung zu Deinem Code:
Dein HTML und auch JS sind ueberarbeitungswuerdig. Sind die ganzen Tabellen wirklich noetig? Inline JS Code (im onclick Attribut der Elemente notiert) sollte man in Funktionen kapseln um redundanten Code zu vermeiden. Am Besten laesst man JS Code gleich ganz aus dem HTML (Trennung von Design, Inhalt und Code) und hat nur eine externe JS Datei. (In der kann man den Code auch an die Elemente binden)
Das aber nur der Vollstaendigkeit halber. Ich kann mit dem was Du abgeliefert hast auch so leben. Aber evtl. moechtest Du Dich ja verbessern und kannst was davon gebrauchen.
Signaturen sind bloed.