jQuery的，我的動畫功能不能見度

Question

工作，我有一個形象，這個類：

.hide{ 
    visibility:hidden; 
} 

當鼠標懸停。測試我想能見度是「看得見」，我也一個div想要動畫，所以我使用

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