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:

javascript.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:

javascript.hide('slow' ou 'fast');

Se nenhum parâmetro for especificado - não haverá animação, os elementos serão ocultados instantaneamente:

javascript.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:

javascript.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:

javascript.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:

javascript.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':

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Veja também