jQuery .click .animate aşağıya hareket ettirin, sonra geri dönün

Question

Şimdiye kadar yaptım ki, 120'lik artışlarla bir tıklama üzerinde aşağı doğru hareket ettim, ama aşağı yukarı, aşağı ve aşağı gitmek istiyorum. Umarım bunu açıkladım ki "birisi" anlayacaktır.

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

Answer 1

Bunu doğru yaparsam, altbilginin konumunu değiştirmek isteyebilirsiniz.

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

Answer 2

Bunun için .toggle() kullanabilirsiniz:

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

.toggle() kullanarak, her click olay -= ve += animasyonlar çalıştıran arasında geçiş yapılır. Ayrıca, bir şey yapmazsa animasyonu geri aramaya gerek yoktur, sadece onu bırakın.

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

O slideToggle gibi geliyor() http://api.jquery.com/slideToggle/ sizin için işe yarayabilecek.