隐藏图像淡出

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的左侧面板中的选项）。