Bonsoir,
Voila un bon moment que je cherche une solution pour réaliser une petite animation en JS et JQuery.
Alors j'explique : en fait il y a plusieurs div (disons 4), aligner horizontalement, chacun d'eux porte un id du genre pos1 pos2 pos3 pos4.
Je souhaiterai que quand on click sur le premier div (pos1) il prenne la place du troisième et que le troisième prenne celle du premier. J'ai essayé en modifiant le id a chaque fin d'animation mais la fonction click reste pour pos1 qui se trouve désormais en troisième position...
La je viens d'essayer ceci :
Mais malheureusement sa me donne le même résultat...
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 // Initialisation des position var position1 = 'pos1'; var position3 = 'pos3'; // Click Pos1 $('#'+position1).click(function(){ document.getElementById(position1).style.zIndex = 3; document.getElementById(position3).style.zIndex = 1; $('#'+position1).animate({ left:400, top:60 }, 200, function(){ position1 = 'pos3'; }); $('#'+position3).animate({ left:180, top:10 }, 200, function(){ position3 = 'pos1'; }); });
Quelqu'un aurait une piste ?
Partager