Discussion :

[vinze60]

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

[vinze60]

Merci à moi même pour la réponse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var nombre_rubrique = $(".rubrique", this).length;

[healou]

Bonjours,

Je te déconseille ce genre d'écriture

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.main').hover

L'appel directe à une classe est ce qu'il y a de plus lent en jquery, pour gagner en performance mets une id à ton ul et appelle le comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('#monUl .main').hover
ou encore
$('.main','#monUl').hover

bonne soirée