隱藏圖像淡出

Question

我想隱藏圖像，當圖像被隱藏，我想它淡出效果，隱藏

我jsfiddle用這個代碼，但它不工作

<button id="btn">Click me</button> 

<img id="img" src="http://www.darbarg.com/Magazine/Picture/journal-29705363/4.jpg" width="300" heght="300"/> 



$('#btn').click(function(){ 
    $('#img').css('display','none').fadeOut('slow') 
}) 

Answer 1

中刪除.css()您代碼它快速隱藏img標籤因此就使用.fadeOut()功能足夠

$('#btn').click(function(){ 
    $('#img').fadeOut('slow'); 
}); 

Fiddle

Answer 2

你將它設置爲隱藏的CSS（），然後淡出！

$('#btn').click(function(){ 
    $('#img').fadeOut('slow') 
}) 

的jsfiddle：http://jsfiddle.net/TrueBlueAussie/nm36s05u/3/

另外請注意：你的jsfiddle沒有不有jQuery的包括（還有的jsfiddle的左側面板中的選項）。