Método jQuery fadeToggle()
Exemplo
Alterne entre fade in e fade out em diferentes caixas:
$("button").click(function(){
$("#div1").fadeToggle();
});
Definição e uso
O método fadeToggle() alterna entre os métodos fadeIn() e fadeOut() .
Se os elementos estiverem esmaecidos, fadeToggle() irá esmaecê-los.
Se os elementos estiverem desvanecidos, fadeToggle() os desvanecerá.
Nota : Elementos ocultos não serão exibidos (não afetam mais o layout da página).
Sintaxe
$(selector).fadeToggle(speed,easing,callback)
Parameter | Description |
---|---|
speed | Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds Possible values:
|
easing | Optional. Specifies the speed of the element in different points of the effect. Default value is "swing" Possible values:
|
callback | Optional. A function to be executed after the fadeToggle() method is completed
To learn more about callback, please read our jQuery Callback chapter |
Experimente você mesmo - Exemplos
de velocidade Como usar o parâmetro de velocidade para especificar a velocidade do efeito de desvanecimento.
Como usar o parâmetro callback para executar uma função após a conclusão do método fadeToggle().