Manuale jQuery

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

Sintassi

$(selector).fadeIn(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>

Esempio con callback

<script>
$(document).ready(function(){
	$("div").click(function(){
		$("div").fadeOut(1000,  function(){
			$("div").fadeIn(1000);
		});
	});
});
</script>
<div style="width:200px; height:200px; background-color:red"></div>