Altérer position de deux div
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 :
Code:
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';
});
}); |
Mais malheureusement sa me donne le même résultat...
Quelqu'un aurait une piste ?
