Bonjour

Je sollicite votre aide voyant des habitués de jquery

Pour info je suis vraiment (mais vraiment debutant avec se genre de système)

Le menu fonctionne tres bien mais j ai vu qu il etait possible de faire refermer le menu quand on clic sur l autre menu

Pouvez vous m aider

je me suis basé sur ce tuto http://webiswell.fr/16/12/2008/creer...query-css-798/

avec cette configuration http://webiswell.fr/contents/projet.html

voici le code que j utilise

le HTML

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
<div id="apDiv1">
 
<div class="menu">
 
<img src="Images/Menu/DATF.jpg" width="148" height="30" class="menu_bouton" />
 
<ul class="menu_DATF">
 
<li><a href="#">Accueil</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">Projets</a></li>
<li><a href="#">Contact</a></li>
 
</ul>
 
</div>
 
<div class="menu">
 
<img src="Images/Menu/Esprit_Leger.jpg" width="148" height="30" class="menu_bouton_2" />
 
<ul class="menu_liste_2">
 
<li><a href="#">Accueil</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">Projets</a></li>
<li><a href="#">Contact</a></li>
 
</ul>
 
</div>
 
</div>
Et voici le CSS

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
67
68
69
70
ul, li {
list-style:none;
font-family: 'segoe ui', 'Tahoma', 'Verdana', 'lucida grande', sans-serif;
}
 
.menu {
height: auto;
width: 148px;
background-color: #000101;
}
 
ul, li {
	margin: 0;
	padding: 0;
	list-style:none;
	font-family: 'segoe ui', 'Tahoma', 'Verdana', 'lucida grande', sans-serif;
	font-size: 15px;
}
 
/*couleur des sous-repertoires */
 
.menu {
	height: auto;
	width: 148px;
	/* fond des sous-menu*/
	background-color: #9f825e;
	/*Bordure*/
	border: 1px #000101 solid;
}
 
.menu .menu_DATF {
	width: 148px;
	display:none;
}
 
.menu .menu_DATF li a {
	display:block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 3px;
	text-decoration:none;
	color: #414141;
}
 
/*menu DATF fond*/
.menu .menu_DATF li.alt {
	background:#bba68b;
}
 
 
 
 
 
.menu .menu_liste_2 {
	width: 148px;
	display:none;
}
 
.menu .menu_liste_2 li a {
	display:block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 3px;
	text-decoration:none;
	color: #414141;
}
 
.menu .menu_liste_2 li.alt {
	background:#bba68b;
}