Método toggle() de efeito jQuery

Métodos de Efeito do jQuery

O método toggle() da jQueryhide()eshow()Alternar entre métodos.

Este método verifica a visibilidade do elemento selecionado:

• Se o elemento inicialmente estiver visível, ele será ocultado

• Se o elemento inicialmente estiver oculto, ele será exibido

Atenção:Elementos ocultos não afetarão mais o layout da página.

Sintaxe:

$("selector").toggle(duracao, easing, callback)

Exemplo

Alternar entre ocultar e mostrar todos os elementos <p> ao clicar no botão:

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

UsardurationParâmetros:

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

UsarcallbackParâmetros:

$("button").click(function(){
　　$("div").toggle();1500, function(){
　　　　alert("Efeito toggle() concluído!!!");
　　});
});

Criar animação para todos os intervalos (por exemplo, palavras) para ocultar rapidamente/Mostrar, e em2Concluído em 00 milissegundos cada animação:

$("button").click(function(){
　　$("span:first-child").toggle("fast", function(){
　　　　$(this).next().toggle("fast", arguments.callee);
　　});
});

Valor do parâmetro

Métodos de Efeito do jQuery