如何顯示/隱藏帶背景圖像的div而不會淡入？

Question

目前我有圖像，在鼠標懸停時，顯示一個img在另一個，但它淡入。我只是希望它顯示沒有褪色。

腳本：

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.fade').hover(function() { 
     $(this).stop().animate({"opacity": 1}); 
    },function() { 
     $(this).stop().animate({"opacity": 0}); 
    }) 
    }); 
</script> 

Answer 1

你可以嘗試$(this).find('.caption').show()代替$('.caption', this).show();

Answer 2

設置動畫的持續時間爲0這樣的：

$(this).stop().animate({ "opacity" : 1 }, 0);