Über ein Event, Attribute von zwei Objekten ändern

[Felix Riesterer]

Lieber creativemess,

Der Zugriff auf die Elemente funktioniert jetzt :)

hast Du das auch brav in FF, IE(6&7) und in Opera getestet...?

Ich will das sich bei einem zweiten klick die ganzen Elemente wieder zurücksetzen usw...

Dann baue Deine Funktion so um, dass sie sich zuerst informiert, welches Icon überhaupt angezeigt wird, um dann entsprechend zu verfahren.

Im Großen und Ganzen solltest Du Dir das aber viel einfacher machen, indem Du Dein Markup sinnvoller gestaltest:

<div class="container open">  
    <h3>Bestand</h3>  
    <div>  
         <?php  
             // ...  
         ?>  
    </div>  
</div>  
  
<div class="container open">  
    <h3>Ausgeliehen nach Datum</h3>  
    <div>  
         <?php  
             // ...  
         ?>  
    </div>  
</div>

Ich bin mir jetzt nicht sicher, ob es das verschachtelte <div> wirklich braucht. Eventuell möchtest Du an dieser Stelle lieber etwas sinnbehafteteres benutzen (<dl> oder <p>?).

Mittels JavaScript kannst Du nach dem Laden der Seite ermitteln, welche <div>-Elemente eine Klasse "container" haben, um diesen dann dynamisch einen Eventhandler zuzuweisen. Anschließend kann dann dieser Eventhandler eine zweite Klasse "open" vergeben (oder bei Vorhandensein wieder entfernen).

Mittels CSS steuerst Du das Hintergrundbild der enthaltenen <h3>-Elemente, sowie die Anzeige des enthaltenen <div>-Elements.

Liebe Grüße,

Felix Riesterer.