timoe: Bildwechsel durch Klicken auf h3 oder das Bild

Beitrag lesen

SELF-Forum

Bildwechsel durch Klicken auf h3 oder das Bild

timoe
– Informationen zu den Bewertungsregeln

Hallo!

Für ein Accordion benötige ich eine Pfeil-Grafik, die sich ändert:

Ich habe einen Text (Klick mich) und daneben eine Grafik (ein Pfeil nach rechts).
Klicke ich nun auf den Text oder den Pfeil, so soll der Pfeil nach unten zeigen.

Und wenn man nochmal drauf klickt wieder nach rechts.

=> Die Pfeil-Grafik muss mit JavaScript ausgetauscht werden.

Ich habe es so hinbekommen, dass es beim Klicken auf den Pfeil ausgetauscht wird,
aber nicht, wenn man den Text anklickt.

Mein Code:

<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title>test</title>  
  
<style type="text/css">  
h3 {  
    display:inline;  
}  
</style>  
  
<script language="JavaScript" type="text/javascript">  
    function bildwechsel(Bildname) {  
	if(document.getElementById(Bildname).src.indexOf('pfeil-down.gif') == -1) {  
	    document.getElementById(Bildname).src = "pfeil-down.gif"  
	}	  
	else {  
	    document.getElementById(Bildname).src = "pfeil.gif"  
	}  
    }  
</script>  
</head>  
  
<body>  
<h3>Klick mich</h3>  
<img src="pfeil.gif" name="grafik" id="grafik" onClick="bildwechsel(this.name)">  
</body>  
</html>

Wie modifiziere ich <h3> und den JS-Code, dass man auch auf diesem den Pfeil wechseln kann? Ist sicher nur ne Kleinigkeit. Vielen Dank für Lsgsvorschläge :)

Beitrag melden
–
Informationen zu den Bewertungsregeln