Manuale jQuery

Il metodo fadeIn() cambia gradualmente l'opacità di un elemento da visibile a nascosto dando un effetto dissolvenza

Sintassi

$(selector).fadeOut(speed,easing,callback) 

• Speed: Facoltativo. Specifica la velocità dell'animazione. Il valore di default è 400 millisecondi. Valori ammessi:
• • N° millisecondi
  • "slow"
  • "fast"
• Easing: Specifica la velocità dell'elemento in diversi punti dell'animazione. Valori ammessi:
• • " Swing" - si muove più lentamente all'inizio e alla fine, e più velocemente nel mezzo
  • " Lineare" - muove a velocità costante
• Callback: opzionale, una funzione che può essere lanciata alla fine dell’animazione.

Esempio

<script>
$(document).ready(function(){
	$("#out").click(function(){
		$("div").fadeOut(600);
	});
	$("#in").click(function(){
		$("div").fadeIn(600);
	});
});
</script>
<button  id="out">Fade out</button>
<button id="in">Fade in</button>
<div style="width:200px; height:200px; background-color:red"></div>