Salut,

je suis en train d'essayer de gérer des événements (hover) avec Jquery.

Ce que j'essaie de faire :

une div définie comme ca :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
#graph{
    position:absolute;
    top:10px;
    left:20px;
    height:150px;
    width:40px;
    border:1px dotted red;
    background:#FFB0B0;
}
Je voudrais qu'au survol par la souris de cette div, elle "remonte" cad que sa hauteur soit nulle, puis quand la souris part qu'elle retrouve sa taille initiale.

Ce à quoi je suis arrivé :

j'ai mis ce javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
$("#graph").hover(
                    function (){
                        $(this).slideUp("slow");
                    },
                    function(){
                        $(this).slideDown("slow");
                    }
              );
Pour l'instant ca fonctionne, mais si la souris part avant que la div soit complétement remonter, elle remonte quand meme jusqu'en haut, puis retrouve ca taille normale.

Ma question est : comment faire en sorte que cette "animation" s'arette si la souris n'est plus au dessus de la div ?