JQuery ne pas appeler fonction pour elements fils.

Version imprimable

Bonjour, j'ai fas un menu déroulant en JQuery CSS, cependant, a chaque changement de div, mes fonctions servant a derouler, e,rouler mon menu sont rapellées, donnant lieu a un effet boite de nuit. Je cherche une solution a mon problème, en vain.

Je vous post le code

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
 
<script type="text/javascript">
 
	function deplier(obj)
	{
		var id = $(obj).attr('id');
		$("#"+id +"> .fond-sous-menu").slideDown();
		s
	}
 
 
	function replier(obj)
	{
		var id = $(obj).attr('id');
		$("#"+id +"> .fond-sous-menu").slideUp();
 
	}
 
 
</script>
				<div class="navigation-menu-elem" id="boutique" onmouseover="deplier(this);" onmouseout="replier(this)"><a href="/dentiste/dental-promo/" class="oneLined">Boutique</a>
					<div class="fond-sous-menu">
						<div class="sous-menu">
						<a href="/dentiste/ventes-flash/" class="oneLined">Ventes<br/> Flash</a>
						</div>
					</div>	
					<div class="fond-sous-menu" style="margin-top:0px;">
						<div class="sous-menu">
						<a href="/dentiste/ventes-promo/" class="oneLined">Ventes<br/> Promo</a>
						</div>
					</div>	
				</div>

Merci par avance de votre aide

18/06/2012, 13h22
SpaceFrog
avec un truc du genre

Code:

.not($(this).children())

ou
Code:

1 2 $("div :not(div>*a)");
18/06/2012, 13h37
eclectique_95470

Merci de ta réponse,

Je l'integre a quel niveau ton code ?

ha non ...
pourquoi tu n'attibues pas les mouseenter et mouseleave avec jquery ???

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
<script type="text/javascript">
 
	$(function(){
 
	$(".navigation-menu-elem").mouseenter(function(){
															$(this).children(".fond-sous-menu").stop(true,true).slideDown()
															})
								  .mouseleave(function(){
															$(this).children(".fond-sous-menu").stop(true,true).slideUp()
															})
 
 
	})
 
 
</script>
				<div class="navigation-menu-elem" id="boutique" ><a href="/dentiste/dental-promo/" class="oneLined">Boutique</a>
					<div class="fond-sous-menu">
						<div class="sous-menu">
						<a href="/dentiste/ventes-flash/" class="oneLined">Ventes<br/> Flash</a>
						</div>
					</div>	
					<div class="fond-sous-menu" style="margin-top:0px;">
						<div class="sous-menu">
						<a href="/dentiste/ventes-promo/" class="oneLined">Ventes<br/> Promo</a>
						</div>
					</div>	
				</div>

18/06/2012, 13h57
eclectique_95470

Merci beaucoup, c'est impécable de la sorte. J'avais bien essayé les mousenter et mouseleave mais au lieu de les intégrer a ma fonction je les mettait en évènement sur ma div.

Merci beaucoup en tout cas !
18/06/2012, 15h12
Bovino

Voir aussi du côté de .hover() qui permet de regrouper les deux. ;)

Citation:

J'avais bien essayé les mousenter et mouseleave mais au lieu de les intégrer a ma fonction je les mettait en évènement sur ma div.

Malheureusement, ces événements ne sont pas standards et reconnus uniquement (sauf erreur) par IE.