Exemplo
Fade out todos os elementos <p>:
$("button").click(function(){
$("p").fadeOut();
});
Tente você mesmo " Definição e Uso
O fadeOut() método altera gradualmente a opacidade, por elementos selecionados, de visível para oculta (efeito de esmaecimento).
Nota: Os elementos ocultos não serão exibidos em todos (não afeta mais o layout da página).
Dica: Este método é frequentemente usado em conjunto com o fadeIn() método.
Sintaxe
$(selector).fadeOut(speed,easing,callback)| Parâmetro | Descrição |
|---|---|
| speed | Opcional. Especifica a velocidade do efeito de desvanecimento. O valor padrão é 400 milissegundos Valores possíveis:
|
| easing | Opcional. Especifica a velocidade do elemento em diferentes pontos da animação. O valor padrão é "swing" Valores possíveis:
|
| callback | Opcional. A função a ser executada após o fadeOut() método é concluída Para saber mais sobre callback, visite o nosso capítulo jQuery Callback |
Tente você mesmo - Exemplos
fadeOut() - Usando o parâmetro de velocidade
Como utilizar o parâmetro de velocidade para especificar a velocidade do efeito de desvanecimento.
fadeIn() - Usando o parâmetro de retorno de chamada
Como usar o parâmetro de retorno de chamada quando mudar gradualmente a opacidade para elementos selecionados.