jQuery Efeitos - Ocultar e Exibir

Ocultar, exibir, alternar, deslizar, suavizar e intensificar, e animações, uau!

Demonstração de Efeitos

Clique aqui para ocultar/exibir painel

Um tempo é um dinheiro, portanto, oferecemos conteúdo de aprendizado rápido e fácil de entender.

Aqui, você pode obter qualquer conhecimento necessário de uma maneira fácil e conveniente.

Exemplo

jQuery hide()
Demonstra um método simples de jQuery hide().
jQuery hide()
Outra demonstração de hide(). Como ocultar parte do texto.

jQuery hide() e show()

Através do jQuery, você pode usar os métodos hide() e show() para ocultar e exibir elementos HTML:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

Experimente você mesmo

Sintaxe:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

Opcional speed O parâmetro define a velocidade de ocultação/exibição, pode ser um dos seguintes valores: "slow", "fast" ou milissegundos.

Opcional callback O parâmetro é o nome da função executada após a conclusão da ocultação/exibição.

O exemplo a seguir demonstra com speed Método do parâmetro hide():

Exemplo

$("button").click(function(){
  $("p").hide(1000);
});

Experimente você mesmo

jQuery toggle()

Através do jQuery, você pode usar o método toggle() para alternar entre os métodos hide() e show().

Exibe o elemento oculto e oculta o elemento visível:

Exemplo

$("button").click(function(){
  $("p").toggle();
});

Experimente você mesmo

Sintaxe:

$(selector).toggle(speed,callback);

Opcional speed O parâmetro define a velocidade de ocultação/exibição, pode ser um dos seguintes valores: "slow", "fast" ou milissegundos.

Opcional callback O parâmetro é o nome da função executada após a conclusão do método toggle().

Manual de Efeitos do jQuery

Para consultar os efeitos do jQuery em detalhe, acesse nossa Manual de Efeitos do jQuery。