jquery，我的动画函数不'；我不能在能见度下工作

我对这个班级有一个印象：

.hide{
    visibility:hidden;
}

当鼠标在div.test上时，我希望可见性是“可见的”，并且我还想设置它的动画，所以我使用

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

不幸的是，它不起作用

---

另外，我不想使用hide（）和show（）

可见性不是一个可以设置动画的值，它类似于隐藏/可见的布尔值

为什么不试试不透明度呢

在上面创建它

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

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