javascript - プルコードのアニメーションアップ/ダウン効果をよりスムーズに

Question

私はプルコードをアニメーション化しようとしているので、クリックすると「トップ」がアニメーション化され、ボトムに到達すると一度に開始位置に戻ります。

私が達成しようとしていることのフィドルを作成しました。http://jsfiddle.net/UUtXP/

ただし、easeOutBounce でイージングを使用したいです。下降するのはうまくいきますが、上昇する間に一時停止があります。

クリックすると、1 つのアニメーションを最後まで行うことはできますか?

Answer 1

アニメーションを次々と配置するだけです：http://jsfiddle.net/maniator/94Dfg/

JS:

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