Effet Slide Toggle [Résolu]

[ghjiseppu]

Bonjour,
voilà la page web qui vous présentera au mieux mon problème http://www.miel-amatricula.com/testjquery/index.php.

Je souhaiterai simplement que la boite "boiteConnect" ne disparaisse pas à la fin de la fonction runEffect() ainsi on aura la possibilité de re-cliquer sur le bouton "se connecter" afin de faire redescendre la boite, et ainsi de suite...

J'espère que j'ai été assez clair et que quelqu'un pourra m'aider.
Merci

[helpcomm]

Salut,

ta fonction runEffect() elle est associée à l'élément ayant le id "boiteConnect". C'est sur qu'elle va le faire disparaitre. Si tu veux pouvoir la faire disparaitre et apparaitre, je te suggère de corriger la fonction runEffect et de l'associer à un élement complètement en dehors de ta div "boiteConnect".

[ghjiseppu]

Oui effectivement si je place l'élément "boutonConnect" en dehors il ne disparaîtra pas, mais ca n'aura pas l'effet escompté car "boutonConnect" ne suivra pas le même mouvement que "boiteConnect". Au fait je voudrai juste modifier la fonction afin qu'elle ne fasse pas disparaître mon bloc mais simplement qu'elle le déplace...

[ghjiseppu]

Voilà j'ai trouvé la solution grâce à animate(), combinée en fait avec toogle(). En plus clair ca donne :

Code :

1
2
3
4
5
6
7
8
9
10
$(function() { 
            $( "#boutonConnect" ).toggle( 
                function() { 
                    $( "#boiteConnect" ).animate({ top: 0 }, 1000, "easeInBounce" ); 
                }, 
                function() { 
                    $( "#boiteConnect" ).animate({ top: -120 }, 1000, "easeOutBounce" ); 
                } 
            ); 
        });

Voilà sinon regardez sur le lien j'ai mis à jour ^^. Merci !