jquery - 100から0までのscaleYのjQueryアニメーションは値を設定するだけです

Question

アニメーション scaleY (css フックを使用して追加) を 100 から 0 に設定しましたが、値を 0 に設定しただけで、0.01 または 0.1 に変更すると機能しません。反対方向のアニメーションは正常に動作します。

次のようなコードがあります。

var back = 'http://upload.wikimedia.org/wikipedia/commons/5/54/Card_back_06.svg';
var front = 'http://jcubic.pl/card_01.svg';

$(function() {
    $('.cards').on('click', '.card', function() {
        var $this = $(this);
        var img = $this.find('img');
        if (!img.is(':animated')) {
            img.css('scaleY', 100).animate({scaleY: 0.1}, function() {
                var file = $this.hasClass('back') ? front : back;
                img.attr('src', file).animate({
                    scaleY: 100
                }, function() {
                    $this.toggleClass('back front');
                });
            });
        }
    });
});

ここにjsfiddleがあります（cssフックのコードがあります）。

Answer 1

設定してみる

.animate({scaleY: "0%"}

http://jsfiddle.net/2mA9V/1/