Bonjour

Voilà j'ai un menu qui fonctionne très bien mais j'aimerais lui apporté une modification.

lorsque l'on passe sur un nom ex: " États-Unis " le: li:hover ul ouvre la liste vers le bas.
J'aimerais qu'il puisse l'ouvrir sur un clique.

Je vous joint mon code

Code HTML : 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="fr" >
<head>
<meta charset="UTF-8" />
 
 
 
  <style type="text/css">
      body{background: #fff;}
       #menu{
           height: 530px; 
           width: 230px; 
           overflow-y:scroll; 
           border:#000000 0px solid;}  
      
       li ul {
           display:none;}
      
       li:hover ul {
           display:block;
           position:relative;
           top:0;
           left:-25px;}
 
       a:link {
           color:#fff;text-decoration: none;}             /* Lien non visité */
       a:visited {
           color:#415F77;}                                /* Lien visité */
       a:hover {
           color:red; font-size: 16px;Font-Weight: Bold;} /* Lien survolé*/
       a:active {
           color:#fff;}                                   /* Lien sélectionné */    
      
 
  </style>
 
</head><body>
 
<h4>Menu déroulant</h4>
 
                           <ul id="menu">
                           <li><a href="">Antigua-et-Barbuda</a></li>
                           <li><a href="">Argentine</a></li>
                           <li><a href="">Bahamas</a></li>
                           <li><a href="">Barbade</a></li>
                           <li><a href="">Belize</a></li>
                           <li><a href="">Bolivie</a></li>
                           <li><a href="">Brésil</a></li>
                           <li><a href="">Canada</a></li>
                           <li><a href="">Chili</a></li>
                           <li><a href="">Colombie</a></li>
                           <li><a href="">Costa Rica</a></li>
                           <li><a href="">Cuba</a></li>
                           <li><a href="">Dominique</a></li>
                           <li><a href="">El Salvador</a></li>
                           <li><a href="">Equateur</a></li>
 
                                          <li><a href=""> Etats-Unis</a>
                                            <ul>
                                             <li><a href="">Alabama</a></li>
                                             <li><a href="">Alaska</a></li>
                                             <li><a href="">Arizona</a></li>
                                             <li><a href="">Arkansas</a></li>
                                             <li><a href="">Jamaïque</a></li>
                                             <li><a href="">Mexique</a></li>
                                             <li><a href="">Nicaragua</a></li>
                                             <li><a href="">Californie</a></li>
                                             <li><a href="">Caroline du Nord</a></li>
                                             <li><a href="">Caroline du Sud</a></li>
                                             <li><a href="">Colorado</a></li>
                                             <li><a href="">Connecticut</a></li>
                                             <li><a href="">Dakota du Nord</a></li>
                                             <li><a href="">Dakota du Sud</a></li>
                                             <li><a href="">Delaware</a></li>
                                            </ul>
                                          </li>
                           <li><a href="">Grenade</a></li>
                           <li><a href="">Guatemala</a></li>
                           <li><a href="">Guyana</a></li>
                           <li><a href="">Haïti</a></li>
                           <li><a href="">Honduras</a></li>
                           <li><a href="">Jamaïque</a></li>
                           <li><a href="">Mexique</a></li>
                           <li><a href="">Nicaragua</a></li>
                           <li><a href="">Panama</a></li>
                           </ul>
 
</body>
 
</html>

Je vous remercie d'avance

Max