bonjour

j'ai un problème avec gestion des liste LI , sachant que leur contenu est récupéré d'une base de données; je m'explique :

j'ai 2 menu :
+ liste-vmenu : contient des catégories récupérer d'une base de données.
+ [sous-menu : contient des sous catégories récupérés d'un BD je cache cette menu par défaut avec dispaly:none.

=> quand je clique sur une catégorie ( liste-vmenu ) je veux faire apparaître les sous catégories (sou-menu) correspondantes

voila le code PHP -Symfony :

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
<div id="vmenu">
 
 
 
<ul id="liste-vmenu">{% for Categorie in Categories %}
 
   <li > 
 
      <span class="text-vmenu" >{{ Categorie.Libelle  }}</span>
 
 
 
      <div class="sous-menu" id="new" >
 
 
 
	<ul>{% for SousCategorie in SousCategories %}
 
 
 
	      {% if SousCategorie.Categorie.Libelle==Categorie.Libelle %}
 
 
 
	     <li>{{ SousCategorie.Libelle }}</li>
 
 
 
	    {% endif %}
 
	   {% endfor %}
 
       </ul>
 
    </div><!-- fin sous-menu-->
 
  {% endfor %}
 
 
 
  </li>
 
 
 
</ul>
 
 
 
</div><!-- fin vmenu-->
bon je sais pas comment gérer se problème avec javascript ou bien jquery

j'ai deja fait un test mais ca fonction juste pour la promière LI du Catégorie :

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
<script type="text/javascript">
 
  	$(document).ready(function(){
 
 
 
 
 
  		$("#liste-vmenu").click( function() {
 
 
 
	     $("#new").css("display","block");
 
		});
 
  	});
 
  </script>

un coup de main SVP
merci