javascript - JS id にフェード効果を追加する方法

Question

画像とボタンがあり、ボタンを押すたびに画像が消えます。なので、フェード効果で作りたいと思います。このようなもの：

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

これがデモです：http://jsfiddle.net/5wBuV/4/

Answer 1

いくつかの JS を使用します: $('#hide').fadeOut('slow');

より高度な方法が必要な場合は、Jquery Animateを参照してください。

アニメーション効果については、「jquery easing」をグーグルで検索できます

Answer 2

jQuery の使用fadeOut():

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

});

ここでフィドル