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