Na documentação da jQuery existe uma seção Efeitos que está dividida em quatro partes: efeitos básicos, estudados a seguir, a seção customizada, onde é possível criar novos efeitos, a seção fading que trabalha com alternância de opacidade. Um elemento transparente, pode torna-se opaco e vice-versa. E por fim os efeitos de sliding ou correr. Efeitos corrediços, mover os elementos de um lado para o outro.
Existe três formas de ocultar um elemento. São elas: normal, slow e fast. Na forma fast o procedimento é rápido, já na forma slow o processo é devagar. Clique aqui Efeitos Básicos para ver o efeito. Essa velocidade pode ser definida em milissegundos também. Obs. A forma escolhida para esse exemplo foi em milissegundos.
No java script:
$(document).ready(function(){
$("span:eq(0)").click(function(){
$("div").hide("slow");
$("div").hide(4000); //forma em milissegundos
});
});
A função show mostra o elemento que está oculto. Essa função aceita todos os parâmetros, como a função anterior.
No java script:
$(document).ready(function(){
$("span:eq(0)").click(function(){
$("div").hide(4000);
});
$("span:eq(1)").click(function(){
$("div").show(2000); normal, slow e fast.
});
});
Obs.Ao clicar em show novamente o efeito não é apresentado. Para isso serve o toggle.
A função toggle serve para identificar se o elemento está oculto ou visível, alternando entre os elementos. Aceita os parâmetros normal, slow e fast.
No java script:
$(document).ready(function(){
$("span:eq(0)").click(function(){
$("div").hide(4000);
});
$("span:eq(1)").click(function(){
$("div").show(2000);
});
$("span:eq(2)").click(function(){
$("div").toggle("slow")
});
});