Jquery - Bug avec animate et toggle ?

Version imprimable

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

07/12/2011, 11h47
SpaceFrog

Code:

stop(true,true)
07/12/2011, 12h03
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.