jquery - jquery、アニメーション機能が可視性で機能しません

Question

このクラスの画像があります：

.hide{
    visibility:hidden;
}

マウスが div .test の上にあるとき、可視性を「可視」にしたいので、アニメーション化したいので、使用しています

$(document).on('mouseover', '.test', function () {
    $(this).find('.hide').animate({visibility:'visible'},300);
});

残念ながら機能していません。

また、 hide() と show() を使用したくありません

Answer 1

可視性はアニメーション化できる値ではなく、非表示/可視のブール値のようなものです。

代わりに不透明度を試してみませんか?

http://jsfiddle.net/PqypU/1/

.hide{
    opacity: 0;
    filter: "old-ie-staff";
}

$(document).on('mouseover', '.test', function () {
    $(this).find('.hide').animate({opacity: 1},300);
});