Método fade - Voltar

O jQuery permite aumentar e diminuir a visibilidade de um elemento.

jQuery tem os seguintes métodos fade:

• fadeIn()
• fadeOut()
• fadeToggle()
• fadeTo()

Exemplos

O método jQuery fadeIn() é usado para esmaecer um elemento oculto.

O parâmetro opcional de velocidade especifica a duração do efeito. Pode assumir os seguintes valores: "lento", "rápido" ou milissegundos.

Sintaxe:

$(selector).fadeIn(speed,callback);

HTML do Exemplo 1

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<br>
<button class="btn btn-info" id="btDiv1">Efeito fadeIn</button>
<button class="btn btn-info" id="btDiv2">Efeito fadeIn lento</button>
<button class="btn btn-info" id="btDiv3">Efeito fadeIn com milessegundos</button>

Javascript do Exemplo 1

$(document).ready(function(){
	$("#btDiv1").click(function(){
		$("#div1").fadeIn();
	});
});