Adicionar efeito no spoiler

por Legolass 21.05.13 1:00

Qual é minha questão:
Vou dar um exemplo: aqui no forum FdF mesmo, sabe ali na setinha que quando clica oculta o widget? Ele faz um efeito (uma animação) que vai se retraindo até sumir, e depois novamente vai se expandindo até aparecer. Eu queria esse efeito no spoiler (que no caso seria para baixo), alguém sabe como fazer?

Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2

por MateusA 21.05.13 12:08

Olá!

Aceda em:<br />
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo código Javascript

Código:
$(document).ready(function(){ jQuery(".spoiler_content").css("display","block"); jQuery(".spoiler_content").hide(); $("dl.codebox.spoiler dt").click(function(){ $(this).parents("dl.codebox.spoiler").find(".spoiler_content").slideToggle("slow"); }); });
Valide.

Titulo: Qualquer um.
Investimento: Nos tópicos.
Codigo: Bote o codigo acima.

Até mais.

por Legolass 21.05.13 15:17

Olá, Crazy. Eu adicionei o script mas ele não fez o efeito e agora nem mostra o conteúdo do spoiler. Pode dar uma olhada?

EDIT:

Se olhar o efeito de quando clica ali em "Fóruns de suporte oficiais" tem o efeito que quero e o código dele é esse:

Código:: <a href="javascript:" id="forunslist" onclick="jQuery('#toggle1').animate({width:'toggle',height:'toggle',opacity:'toggle'},800);jQuery('#toggle2').animate({width:'0px',height:'0px',opacity:'0%',display:'block',width:'toggle',height:'toggle',opacity:'toggle'},800)"><img src="http://im0.all-up.com/i/img/puce_fleche.png"> Fóruns de suporte oficiais</a>

Mas como colocá-lo para o spoiler?

Adicionar efeito no spoiler

Adicionar efeito no spoiler

Re: Adicionar efeito no spoiler

Re: Adicionar efeito no spoiler