Bonjour à tous, je prépare un petit tuto sur jquery et j'ai un petit problème de synchronisation de mes fonctions.

Alors j'ai des fonctions qui permettent de déplacer une image

des fonctions qui font apparaitre ou disparaitre une autre div

et une autre qui permet d'utiliser tout ça en fonction du lien sur laquelle la souris passe.


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
 
function moveimgup(){
$('.image').animate({top:'0px'},{queue:true,duration:500});
}
function moveimgdw(){
$('.image').animate({top:'182px'},{queue:true,duration:500});
}
function show(){
$('#texte').animate({opacity: 1},{queue:true,duration:1});
}
function hide(){
$('#texte').animate({opacity: 0},{queue:true,duration:1000});
}
$(function() {
$('.button').hover(function(){
 
moveimgdw();
show();},
function(){
moveimgup();
hide();};
Je voudrais que lorsque l'on passe sur le bouton et que l'on en ressort rapidement, que l'animation over se déroule jusqu'au bout et qu'elle s'enchaine avec l'animation out

merci