如何将淡化效果添加到JS id

Question

我有一个图像和一个按钮，每当我按下按钮时图像就会消失。所以我想通过淡化效果来实现它。像这样：

#hide{-webkit-transition: all 1s ease-in-out;}

以下是演示：http://jsfiddle.net/5wBuV/4/

Answer 1

在jQuery中你所要做的就是：

$("#hide").fadeOut("slow"); //or fast, or specific speed in milliseconds
//you can even throw a callback function if you need to

或者你可以保留你的javascript：

document.getElementById("hide").style.visibility = "hidden"; //or display = "none";

http://jsfiddle.net/5wBuV/5/更新了你的小提琴

Answer 2

使用一些JS： $（ '＃隐藏'）淡出（ '慢'）;

如果您想要更高级的方式，请参阅Jquery Animate

中的更多内容

对于动画效果，您可以谷歌“jquery easing”

Answer 3

使用jQuery fadeOut()：

 $("#clickedButton").click( function() {
     $('#hide').fadeOut('1000');

});

<强> FIDDLE HERE