étant novice en js je me suis mis à tester jquery et j'ai refait ce tuto:
http://dmouronval.developpez.com/tut...ry/menu-anime/
donc mon menu marche bien mais j'ai était obligé de faire une fonction jquery par item et je n'arrive pas à résoudre ça
voici 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 <div id="menu_l"> <h4 class="menu_head1"><img class="droite_menu" src="img/downsimple.png">Accés</h4> <ul class="menu_body1"> <li><a href="#">National</a></li> <li><a href="#">UPR</a></li> <li><a href="#">NRA</a></li> <li><a href="#">DSLAM</a></li> </ul> <h4 class="menu_head2"><img class="droite_menu" src="img/downsimple.png">Trafic</h4> <ul class="menu_body2"> <li><a href="#">National</a></li> <li><a href="#">UPR</a></li> <li><a href="#">NRA</a></li> <li><a href="#">DSLAM</a></li> </ul> </div>
et le js
donc j'aimerais pouvoir identifier sur quel menu on clique et faire une seule fonction et ainsi une seule classe menu head
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 $(document).ready(function () { //$("ul.menu_body li:even").addClass("alt"); alternance couleur $('h4.menu_head1').click(function () { $('ul.menu_body1').slideToggle('medium'); }); $('h4.menu_head2').click(function () { $('ul.menu_body2').slideToggle('medium'); }); });
Partager