Salut,
je sais le titre a l'air compliqué mais en fait mon problème est tout simple je pense:

J'ai 3 div associer a 3 événements.
ce que je veux c'est que l'utilisateur ne puisse pas cliquer sur le div 2 ni le div 3 tant que le 1 na pas était cliquer.
J' ai penser a .animate('disable') mais le problème est que la fonction n'est pas du tout exécutée.

voici mon code, j'espère avoir était clair dans mes explications
html:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<div id="right" class="block">Charge moi sur la remorque</div>
<div id="right1" class="block1">Charge moi sur la remorque</div>
<div id="right2" class="block2">Charge moi sur la remorque</div>
<img  class="animation_truck" src="empty_truck.png" alt="camion animation" />
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
 
$("#right").click(function(){
$(".block").animate({ "top": "+=220px"}, {
			    		complete:function(){
						$(".block").stop().animate({"top": "+=0px"});
						  $("#power").animate( { width:"50px" }, 1500);
						}
					});
				});
 
$("#right1").click(function(){
$(".block1").animate({ "top": "+=220px"}, {	
			    		complete:function(){
						$(".block1").stop().animate({"top": "+=0px"});
						$("#power").animate( { width:"250px" }, 1500);
						return false;
						}
					});
				});
 
$("#right2").click(function(){
$(".block2").animate({ "top": "+=220px"}, {	
			    		complete:function(){
						$(".block2").stop().animate({"top": "+=0px"});
						$("#power").animate( { width:"450px" }, 1500);
						return false;
						}
					});
				});