JS ID에 페이드 효과를 추가하는 방법

Question

이미지와 버튼이 있습니다. 버튼을 누를 때마다 이미지가 사라집니다. 그래서 페이드 효과로 만들고 싶습니다. 이런 식으로 뭔가 : 여기

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

데모입니다 :

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

또는 당신은 당신이 가지고 자바 스크립트 유지할 수 있습니다 : http://jsfiddle.net/5wBuV/4/

Answer 1

jQuery를 당신이해야 할 모든에

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

을

http://jsfiddle.net/5wBuV/5/ 업데이트 됨

Answer 2

일부 JS 사용 : $ ('# 숨기기'). fadeOut ('느림');

당신이 고급 방법을 원하는 Jquery Animate 애니메이션 효과를

더, 당신은 jQuery를 fadeOut()를 사용

Answer 3

"JQuery와 완화"구글 수 표시되는 경우

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

}); 

FIDDLE HERE