Bonjour à tous,

J'ai le code suivant :

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
<ul>
	<li class="main">France
		<ul>
		<li class="rubrique">Historique</li>
		<li class="rubrique">Données géographique</li>
		<li class="rubrique">Données démographiques</li>
		<li class="rubrique">Plan</li>
		</ul>
	</li>
	<li class="main">Allemagne
		<ul>
		<li class="rubrique">Données géographique</li>
		<li class="rubrique">Données démographiques</li>
		</ul>
	</li>
</ul>
Une liste de pays, une sous liste d'option par pays.

Mon code jquery est le suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
$(document).ready(function(){
 
	$('.main').hover(
		function(){
		$("ul", this).stop().animate({"height":"100px"},{queue:true, duration:600, easing: 'easeOutCubic'});
		},
		function(){
		$("ul", this).stop().animate({"height":"0px"},{queue:true, duration:400, easing: 'easeInCubic'});
		}
	);
});
Combiné à un css, ce code me permet tout simplement d'avoir un menu horizontal déroulant.

Mon problème c'est que j'aimerais stocker dans une variable js le nombre nom de rubriques (<li>) pour un pays. Par exemple, pour la France : 4

Merci pour votre aide...