Jquery - Gestion d'évenement
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:
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:
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 ?
