Bonjour

Après le clic sur l'image Nom : kitplus.png Affichages : 1201 Taille : 615 octets je souhaiterai afficher l'image Nom : kitmoins.png Affichages : 1164 Taille : 589 octets .

J'ai fait des recherche et perdu beaucoup de temps mais j'ai pas trouver de solution.

Voici mon code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!doctype html>
 
<html>
<head>
	<link href="\CSS\style.css" rel="stylesheet" type="text/css"/>
	<title>Afficher masquer div suivante</title>
	<script type="text/javascript">
		function Hide (addr) { document.getElementById(addr).style.display='none'; }
		function Show (addr) { document.getElementById(addr).style.display ='block'; }
 
		function toggle(anId)
		{
			if (document.getElementById(anId).style.display == "none") { Show(anId); }
			else													   { Hide(anId); }
		}
 
		window.onload = function () { Hide("foo"); };
		window.onload = function () { Hide("foo1"); };
	</script>
</head>
 
<body>
	<h2>Afficher masquer div suivante</h2>
 
	<h6><a href="#" onclick = "toggle('foo');"><img src='/Images/kitplus.png' align="top" hspace="0" vspace="1">Cliquer pour basculer l'état du div suivant 1</a></h6>
	<div id="foo">Ce contenu est visible ou non selon le cas 1 </div>
 
	<h6><a href="#" onclick = "toggle('foo1');"><img src='/Images/kitplus.png' align="top" hspace="0" vspace="1">Cliquer pour basculer l'état du div suivant 2</a></h6>
	<div id="foo1">Ce contenu est visible ou non selon le cas 2 </div>
</body>
</html>
Comment le modifier pour arriver au résultat souhaité ?

Merci d'avance pour votre participation.