Spoiler deslizante

Detalhes da questão

Endereço do fórum: http://superonzerv.forumeiros.net/
Versão do fórum: phpBB3

Descrição

Boa tarde,

Gostaria de saber se há algum meio de fazer com que a ação de abrir o spoiler se torne mais "suave". De modo que ao invés de o mesmo abrir de imediato, deslize até o fim.

Por exemplo: https://www.elainegaspareto.com/2017/06/botao-para-ocultar-spoilers-nas-postagens.html

upzinho

Olá @zHugh,
Adicione na sua folha de estilo, o seguinte código:

Código:

.codebox.spoiler, .spoiler_content.hidden {
  transition: all .5s ease-in-out;
  }


Cordialmente,
pedxz.


Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Olá, não resultou :<

Up pra não fecharem

Mude o código para:

Código:

.spoiler_content, .spoiler_content.hidden {
    transition: opacity 0.5s linear;
    display: block!important;
}
 .spoiler_content {
    opacity: 0;
}
 .spoiler_content.hidden {
    opacity: 1;
}


Hm, teve um efeito interessante. No entanto o spoiler fica aberto como se o conteúdo estivesse todo ali, porém com a opacidade no 0.

Mude para:

Código:

.spoiler_content, .spoiler_content.hidden {
    transition: opacity 0.5s linear;
    display: block!important;
}
 .spoiler_content {
    opacity: 0;
    height: 2px;
}
 .spoiler_content.hidden {
    opacity: 1;
    height: auto;
}


Agora funcionou, uma pena que o spoiler abriu subitamente tambem ao invés de deslizar progressivamente para baixo, revelando o conteúdo :<

Mas creio que seja suficiente. Se tiver alguma forma de fazê-lo, eu irei aguardar, caso contrário dou o tópico como encerrado.

Não consigo fazer mais nada infelizmente, visto que o spoiler não é editável, via template, e às suas classes são limitadas.
Desculpe

Tópico resolvido Movido para "Questões resolvidas".