jQuery - método fadeIn() de efeitos

Manual de Efeitos jQuery

Exemplo

Use o efeito de aparecimento gradual para mostrar um elemento <p> oculto:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Experimente você mesmo

Definição e uso

fadeIn() é um método que usa o efeito de aparecimento gradual para mostrar o elemento selecionado, se ele estiver oculto.

Sintaxe

$(selector).fadeIn(speed,callback)
Parâmetros Descrição
speed

Opcional. Especifica a velocidade do elemento ao passar de oculto a visível. O valor padrão é "normal".

Valores possíveis:

  • milissegundos (por exemplo, 1500)
  • "lento"
  • "normal"
  • "rápido"

Ao definir a velocidade, o elemento mudará gradualmente sua transparência durante o processo de ocultamento e visibilidade (criando assim o efeito de aparecimento gradual).
callback

Opcional. Função a ser executada após a execução da função fadeIn.

Para aprender mais sobre callback, acesse o capítulo jQuery Callback.

Este parâmetro não pode ser configurado a menos que o parâmetro speed seja definido.

Dicas e Notas

Dica:Se o elemento já estiver visível, o efeito não causará nenhuma mudança, a menos que seja especificado uma função callback.

Notas:Este efeito é aplicável a elementos ocultados pelo jQuery ou declarados com display:none no CSS (mas não para elementos com visibility:hidden).

Mais exemplos

Use o parâmetro speed
Use o parâmetro speed para alternar entre elements de aparecimento e desaparecimento.

Manual de Efeitos jQuery