Adicionar efeito no spoiler

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar efeito no spoiler

Mensagem por Legolass em 20/05/13, 09:00 pm

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
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Adicionar efeito no spoiler

Mensagem por MateusA em 21/05/13, 08:08 am

Olá!

Aceda em:<br />
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta 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.


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

Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Adicionar efeito no spoiler

Mensagem por Legolass em 21/05/13, 11:17 am

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?
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum