jQuery .click .animal pour descendre, puis sauvegarder

Question

Jusqu'à présent, j'ai réussi à faire en sorte qu'il descend d'un clic par incréments de 120, mais je veux qu'il monte et descend, pas en bas et en bas .. J'espère avoir expliqué cela afin que "quelqu'un" puisse comprendre.

<script> 
    $(document).ready(function() { 
    $('#footertab').click(function() { 
     $('#footer').animate({ 
     bottom: '-=120' 
     }, 1000, function() { 
     // Animation complete. 
     }); 
    }); 
    }); 
    </script> 

Answer 1

Si je comprends bien, vous cherchez à changer la position du pied de page. Cela peut être fait avec le .toggle() - Fonction:

$(document).ready(function() { 
    $('#footertab').toggle(function() { 
    $('#footer').animate({ 
     bottom: '-=120' 
    }, 1000); 
    },function() { 
    $('#footer').animate({ 
     bottom: '+=120' 
    }, 1000); 
    }) 
}); 

Answer 2

Vous pouvez utiliser .toggle() pour cela:

$(function() { //shortcut for $(document).ready(function() { 
    $('#footertab').toggle(function() { 
    $('#footer').animate({ bottom: '-=120' }, 1000); 
    }, function() { 
    $('#footer').animate({ bottom: '+=120' }, 1000); 
    }); 
}); 

En utilisant .toggle(), chaque événement click permet de basculer entre les animations en cours d'exécution et -=+=. Notez également qu'il n'est pas nécessaire d'inclure le rappel d'animation s'il ne fait rien, laissez-le simplement.

Answer 3

<script> 
    $(document).ready(function() { 
    $('#footertab').toggle(
     function() { 
     $('#footer').animate({ 
      bottom: '-=120' 
     }, 1000, function() { 
      // Animation complete. 
     }); 
     }, 
     function() { 
     $('#footer').animate({ 
      bottom: '+=120' 
     }, 1000, function() { 
      // Animation complete. 
     }); 
     }, 
    ); 
    }); 
    </script> 

Answer 4

On dirait slideToggle() http://api.jquery.com/slideToggle/ peut travailler pour vous.