Discussion :

[utopman]

Bonjour à tous,
j'ai un problème ici

la div info ne se comporte pas comme je le veux, je souhaite que lorsqu'on passe la souris plein de fois dessus comme un abruti, l'animation s'arrête à la fin de la prochaine exécution d'animation, or le clearQueue() et le stop() appelés sur le callback n'y font rien.
ce n'ai pas la première fois que je veux faire ce genre de choses, mais je n'ai jamais réussi...

Merci pour toute aide .

Au passage, si quelqu'un sait pourquoi mon calcul du nombre de carré à afficher ne tombe pas juste , je suis prenneur...

[Willpower]

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
$('.info').mouseenter(function () {
    $(this).clearQueue().stop().animate(
        {'height': '100%'},
        {height: 'easeOutBounce'}, 
        1500
    );
});
 
$('.info').mouseleave(function () {
    $(this).clearQueue().stop().animate(
        {'height': '25px'}, 
        {height: 'easeOutBounce'}, 
        1500
    );
});

edit: Joli l'outil de partage/développement. Il faudrait forcer tous les utilisateurs de developpez à l'utiliser.

[utopman]

Super, merci willpower ! enfin je comprends ces méthodes .

et pour le nombre de carrés, des idées ?