Um dos efeitos mais empregados em desenvolvimento com uso da biblioteca jQuery é aquele que proporciona ao usuário a escolha de revelar e esconder conteúdos.
O efeito toggler consiste em mostrar e esconder elementos, o efeito carrega consigo implicitamente as seguintes facilidades:
* é simples e fácil de ser projetado;
* requer cuidados mínimos para ser não obstrutivo;
* permite inserir muito conteúdo em pouco espaço;
* facilita a visualização e entendimento dos conteúdos;
* proporciona interação agradável com o usuário;
* cria impacto visual interessante.
Abaixo segue o código script que manipula o efeito, em anexo vai um exemplo de utilização do efeito toggle.
$('span', '#box-toggle').click(function() {
$(this).next().slideToggle('slow')
.siblings('.tgl:visible').slideToggle('fast');
$(this).toggleText('Revelar','Esconder')
.siblings('span').next('.tgl:visible').prev()
.toggleText('Revelar','Esconder')
});
