l'evenement click javascript ou jquery
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:
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:
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
