jQuery.click. 아래로 이동하여 애니메이션을 백업합니다.

Question

지금까지 나는 120 번씩 클릭하여 아래로 내려갈 수 있도록 만들었지 만, 아래로 내려가는 것이 아니라 위아래로 가고 싶습니다. 나는 이것을 설명하여 "누군가"가 이해할 수 있기를 바랍니다.

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

Answer 1

내가이 권리를 얻으면, 바닥 글의 위치를 ​​토글하려고합니다. 이것은 .toggle() 함수로 할 수 있습니다 :

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

Answer 2

당신은 이것에 대한 .toggle()를 사용할 수 있습니다

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

.toggle()를 사용하여 모든 click 이벤트는 -= 및 += 애니메이션을 실행 사이를 전환합니다. 또한 애니메이션 콜백을 포함 할 필요가 없다면 아무것도하지 않고 그냥 놔두십시오.

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

slideToggle() http://api.jquery.com/slideToggle/이 도움이 될 것 같습니다.