Problème d'ouverture et fermeture de calque
Bonjour,
J'ai crée des calques qui s'ouvrent lors d'un clique sur un texte. Je veux crée un sous calque mais quand je clique dessus son calque père se ferme comment je peut résoudre ce problème?
Merci d'avance.
Voici le code
Code:
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Calques</title>
<script type="text/javascript">
<!--
function switchDiv(id) {
alert(id);
element = document.getElementById(id);
if(element.style.display =="none")
element.style.display = "block";
else
element.style.display = "none";
}
//-->
</script>
</head>
<style type="text/css">
<!--
.rubrique{
color: #0000FF;
cursor: pointer;
}
.div{
border: 2px ridge #AAAAAA;
}
//-->
</style>
<body>
<ul class="rubrique" onClick="switchDiv(1);"> <h1>Rubrique 1</h1>
<div class="div" style="display:none;" id="1">Contenu 1
<li class="java" onClick="switchDiv(4);"><h1>Sous Rubrique 1</h1>
<div class="div" style="display:none;" id="4">Contenu 2</div>
</li>
</div>
</ul>
<ul>
<li class="rubrique" onClick="switchDiv(2);"> <h1>Rubrique 2</h1>
<div class="div" style="display:none;" id="2">Contenu 3</div>
</li>
</ul>
<ul>
<li class="rubrique" onClick="switchDiv(3);"> <h1>Rubrique 3</h1>
<div class="div" style="display:none;" id="3">Contenu 4</div>
</li>
</ul>
</body>
</html> |
