Exemplo
Alternar entre o aparecimento gradual e desaparecimento gradual caixas diferentes:
$("button").click(function(){
$("#div1").fadeToggle();
});
Tente você mesmo " Definição e Uso
O fadeToggle() método alterna entre o fadeIn() e fadeOut() métodos.
Se os elementos vão desaparecendo gradualmente, fadeToggle() irá desaparecer-los.
Se os elementos estão desbotadas em, fadeToggle() irá desaparecer-los.
Nota: Os elementos ocultos não serão exibidos em todos (não afeta mais o layout da página).
Sintaxe
$(Selector).fadeToggle(velocidade, facilitando, 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 do efeito. O valor padrão é "swing" Valores possíveis:
|
| callback | Opcional. A função a ser executada após o fadeToggle() método é concluída Para saber mais sobre retorno de chamada, por favor leia nossa jQuery Callback capítulo |
Tente você mesmo - Exemplos
fadeToggle() - Usando o parâmetro de velocidade
Como utilizar o parâmetro de velocidade para especificar a velocidade do efeito de desvanecimento.
fadeToggle() - Usando o parâmetro de retorno de chamada
Como usar o parâmetro de retorno de chamada para executar uma função após a fadeToggle() método é concluída.