Jquery - Bug avec animate et toggle ? [Résolu]

[Squalthor]

Bonjour,

Pour mon projet actuel j'utilise jquery, que je ne connais pas beaucoup.
Pour faire des menus animés déroulants je passe par animate et toggle:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$('.menu_deroulant')
                .bind('mouseenter', function() {
                    $(this)
                        .children('.menu_milieu')
                        .animate({
                            height: 'toggle'
                    },{
                        queue: false,
                        duration: 1000,
                        easing: 'easeOutBounce'
                    });
                })
                .bind('mouseleave', function() {
                    $(this)
                        .children('.menu_milieu')
                        .animate({
                            height: 'toggle'
                    },{
                        queue: false,
                        duration: 1000,
                        easing: 'easeOutBounce'
                    });
                });

Mon problème est que lorsque le curseur la sourie sort du bloc déclencheur avant la fin de l'animation, et que donc le menu n'est pas complètement déployé, lors des tentatives suivantes le "déroulement" du menu ne va pas jusqu'au bout...

Pourriez-vous m'aider ?

Je vous remercie.
Cordialement, Squal

[SpaceFrog]

Code :

stop(true,true)

[Squalthor]

Bonjour et merci SpaceFrog, ceci semble être ma solution.

Afin de complèter le sujet voici ce que j'ai trouvé sur la fonction stop() de jquery.

Malheureusement pour le moment il subsiste un comportement anormal, il vrille.
Grâce aux paramètres que tu m'as indiqué je pense être sur la bonne voie. Dès que j'aurais la solution je viendrais faire un retour.

Edition:

N'ayant pas réussi à résoudre le problème j'ai dû adapter mon menu déroulant.

Encore merci.