Discussion :

[Kazy15]

Bonjour,
j'ai un problème avec une animation jquery.
En effet au clic sur élément de menu, je fais descendre une image.
En cliquant quelque part dans le body, elle remonte. Toutefois, si je clic à nouveau sur le même élément de menu, elle ne redescend pas, elle continue à monter... Une solution ?
Voici mon code JS :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
$(document).ready(function(){
	var boolZone1 = false;
	var skull = false; 
 
// MENU GRAPHISME
	$('#menu_1').click(function(){
				if (!skull) {
					$('#img_event_1').show(); // l'image en question
				   $("#img_event_1").animate({"bottom": "-=320px"},"slow");	
				   skull = true;
				}			
				if (!boolZone1) {
 
					$('#ss_menu_1').fadeTo("slow", 0.0);
					$('#ss_menu_1').show();
					$('#ss_menu_1').fadeTo("slow", 1.0);
					boolZone1 = true;
				}
				return false;
			});
 
	$('body').click(function() {
	   if (boolZone1){
		$('#ss_menu_1').fadeTo("slow", 0.0);
        boolZone1 = false;		 
    }						 
 
	if (skull) {
		$("#img_event_1").animate({"top": "-=320px"},"slow");
		skull = false;
	}						 
});

Accessoirement, est-il possible de cibler plusieurs marqueurs à la fois pour assigner une fonction à plusieurs éléments de pages ?

Merci beaucoup !

[SpaceFrog]

mets plutot ton boolean dans un data() au niveau de l'objet

Code :

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

$('#img_event_1').data('skull',true);

teste ensuite

Code :

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

if($('#img_event_1').data('skull')){ .../...

[Kazy15]

Merci pour ta réponse,
par contre j'avoue que je suis pas très doué encore en jquery donc je sais pas comment exactement adapter avec mon code