Método hide
O método hide oculta elementos suavemente. Os elementos podem ser
exibidos usando o método
show.
Sintaxe
Desaparecimento em um tempo definido,
400ms por padrão:
.hide(duração);
O tempo pode ser definido não apenas em milissegundos,
mas também com as palavras-chave slow (600ms)
e fast (200ms), quanto maior o valor,
mais lenta a animação:
.hide('slow' ou 'fast');
Se nenhum parâmetro for especificado - não haverá animação, os elementos serão ocultados instantaneamente:
.hide();
Você também pode passar uma função de easing como segundo parâmetro, e um callback como terceiro parâmetro - será executado após a conclusão da animação. Ambos os parâmetros são opcionais:
.hide(duração, [função de easing], [função de callback]);
Você pode passar várias opções para o método, na forma de um objeto JavaScript, contendo pares chave: valor:
.hide(opções);
Tal objeto pode passar os seguintes
parâmetros e funções - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. A descrição
desses parâmetros você pode ver para o método
animate. Por exemplo,
vamos definir a duração e a função de easing:
.hide( {duration: 800, easing: easeInSine} );
Exemplo
Vamos, após clicar no botão #test, ocultar suavemente
o parágrafo usando o método hide. Passando
a palavra-chave slow, definiremos a velocidade
para 600ms. Após o término da animação, exibiremos no
console 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
