Menu Sous menu

**Madusa** · 15/07/2013, 10h09

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
56
57
58
59
<html>
<head>
 
 
  <style>
 
    #liens{
      display: none;
    }
	.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
  </style>
  <script>
    /*
     * Ceci est une fonction qui permet de cacher ou afficher un élément
     */
    function basculerAffichage(id) {
      var el = document.getElementById(id);
 
      if(el.style.display != "block")
        el.style.display="block";
      else
        el.style.display="none";
    }
  </script>
</head>
<body>
<div class="menutitle">
<a href="#" onclick="basculerAffichage('liens')"> Typ of products </a>
</div>
<div id="liens">
 
 
	<a href="#" onclick="basculerAffichage('liens')"> Typ of products </a>
 
 
 
	</div>
	<div id="liens">
	<a href="#" onclick="basculerAffichage('liens')"> Typ of products </a>
 
 
 
	</div>
 
 
</div>
</body>
</html>

j'ai mis dans le div appelé liens (que l'on affiche ou non), 2 div liens

Mais ça ne marche pas

**Madusa** · 15/07/2013, 10h13

ahhh je viens de reussir (je pense)

j'ai fais ceci:

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
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
<head>
 
 
  <style>
 
    #liens{
      display: none;
    }
 
	#lien{
 
	display:none;
	}
 
	.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
  </style>
  <script>
    /*
     * Ceci est une fonction qui permet de cacher ou afficher un élément
     */
    function basculerAffichage(id) {
      var el = document.getElementById(id);
 
      if(el.style.display != "block")
        el.style.display="block";
      else
        el.style.display="none";
    }
  </script>
</head>
<body>
<div class="menutitle">
<a href="#" onclick="basculerAffichage('liens')"> Typ of products </a>
</div>
<div id="liens">
 
 
	<a href="#" onclick="basculerAffichage('lien')"> Typ of products </a>
 
 
 
	</div>
	<div id="lien">
	<a href="#" onclick="basculerAffichage('liens')"> Typ of products </a>
 
 
 
	</div>
 
 
</div>
</body>
</html>

**Kaamo** · 15/07/2013, 12h37

Attention à l'indentation (alinéa à gauche du code). Car là ce n'est pas très lisible

Il faut inclure la div "lien" dans "liens". Ainsi, si cette dernière est caché, les liens "fils" le sont aussi.
Le dernier élément de la chaine n'a pas besoin de la fonction javascript ! S'il n'a pas de lien "fils" à quoi servirait donc d'afficher/cacher ... rien ?

Menu Sous menu

JavaScript

Discussions similaires

Partager

Partager