jquery，我的animate函数不能用于可见性

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);
});