Smoother Animate Up/Down effect on Pull Cord

Question

Я пытаюсь анимировать тянущий шнур так, чтобы он щелкнул его, анимировал «верх» вниз, а затем, когда он доходит до нижней части спины до начальной позиции за один раз.

Я создал скрипку для того, чего я пытаюсь достичь. http://jsfiddle.net/UUtXP/

Однако, я хочу использовать ослабление на нем easeOutBounce. Хорошо работает, но после этого происходит пауза.

Можно ли сделать одну анимацию полностью на обратной стороне щелчка?

Answer 1

Просто поместите один за другим одушевленные: http://jsfiddle.net/maniator/94Dfg/

JS:

$('#rope').click(function() { 
    $(this).animate({ 
     top: '-40', 
     queue: true, 
    }, 1000).animate({ 
      top: '-155px', 
      queue: true 
     }, 500); 
});​