Sei gegrüßt Steel!
Danke für Deine Hilfe.
Mein grundsätzliches Problem bestand darin, dass ich innerhalb der Funktion, welche für das Aufklappen der Liste zuständig ist, auf das <img>-Element zugreifen muss, um das Bild zu tauschen. Ich wusste nicht wie.
Habe mich daran erinnert, dass man ja auch mit mehreren Übergabewerten arbeiten kann. Der erste Übergabewert entspricht der ID der Liste (control), der zweite Übergabewert entspricht der ID, welche dem Bild zugeordnet ist (picture).
Hier der derzeitige Code:
function toggle(control, picture) {
var elem = document.getElementById(control);
if(elem.style.display == "none") {
elem.style.display = "block";
document.getElementById(control).activemenu = 1;
} else {
elem.style.display = "none";
document.getElementById(control).activemenu = 0;
}
var menustatus = document.getElementById(control).activemenu;
if(menustatus == 0) {
document.getElementById(picture).src="bilder/sitelayout/buttons/js-slide-closed.jpg";
} else {
document.getElementById(picture).src="bilder/sitelayout/buttons/js-slide-open.jpg";
}
}
Klappt wunderbar.
Nun sollte ich das Ausblenden auch noch mit JS lösen, da bei deaktiviertem JavaScript nur die Überschriften angezeigt würden:
<ul id="js_operatoren" style="display:none">
Vielen Dank für Deinen wertvollen Hinweis!
typograph