Compter les <li> dans entre les balises <ul> sous Jquery
Bonjour à tous,
J'ai le code suivant :
Code:
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:
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...