Problème d'ouverture et fermeture de calque

Invité · 28/02/2009, 10h51

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 :

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
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>

Problème d'ouverture et fermeture de calque

HTML

Mode arborescent

Discussions similaires

Partager

Partager