Adicionar efeito no spoiler

2 participantes

Ir para baixo

Tópico resolvido Adicionar efeito no spoiler

Mensagem 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
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar efeito no spoiler

Mensagem por MateusA 21.05.13 12:08

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.

MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar efeito no spoiler

Mensagem 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?
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos