jQuery Animation de la Bascule

C'est une question assez simple problème. J'ai pratiquement un bloc div sur une page qui, lorsqu'il est cliqué, augmente en taille, et quand on clique de nouveau pour retourner à ce qu'il était. Mon problème est qu'il ne semble tout simplement pas de travail du tout. De Plus, je suis sûr qu'il est beaucoup plus propre façon de basculer entre deux animation d'états que si un énoncé comme cela, mais je ne suis pas sûr exactement comment aller à ce sujet.

$(document).ready(function(){
    var toggle = 0;
    $(".login").click(function(){
        if($toggle == 0){
            $(this).animate({
                height: '200',
            }, 500, function(){
            });
            $toggle = 1;
        }
        else if($toggle == 1){
            $(this).animate({
                height: '100',
            }, 500, function(){
            });
            $toggle = 0;
        }
    });
});

Code html correspondant est simplement

<div class="login">Click Me</div>

Laissez-moi savoir si quelque chose d'autre est nécessaire.

  • Il ne fonctionne pas parce que vous initialisez toggle avec 0 mais l'utilisation $toggle dans tout le reste de votre code.
InformationsquelleAutor Xenostar | 2012-02-20