Método show
O método show exibe suavemente elementos
ocultos. Os elementos podem ser ocultados usando o método
hide.
Sintaxe
Exibição por um tempo definido em milissegundos,
400ms por padrão:
.show(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:
.show('slow' ou 'fast');
Se nenhum parâmetro for especificado - não haverá animação, os elementos serão exibidos instantaneamente:
.show();
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:
.show(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:
.show(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:
.show( {duration: 800, easing: easeInSine} );
Exemplo
Vamos, após clicar no botão, exibir suavemente
um parágrafo oculto usando o método show. Passando
a palavra-chave slow, definiremos a velocidade
para 600ms. Após o término da animação, exibiremos
no console 'Animacao concluida':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
