Gérer Evénements Click

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 :

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

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

un coup de main SVP
merci
Modifié par new_dreams (04 May 2012 - 13:00)

bonjour,
essaye ceci ?

$("#liste-vmenu li").click( function() {

		

	     $("#new").css("display","block");

		});

avec l'ajout de li

le clique sur chaque li du Catégorie afiche toujours la meme liste des sous catégiries; les sous catégories de la première enregistrement Catégorie dans la base