Detalhes da questão

Endereço do fórum: http://etherias.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá, atualmente meu fórum vem apresentando um problema em relação a interação Spoiler/Quote

O problema consiste em: Sempre que um Spoiler é inserido dentro do quote, ele permanece sempre com seu conteúdo visível como se sempre estivesse aberto. Clicar sobre o spoiler altera as configurações do CSS, como por exemplo a diferença de cor entre a barra do spoiler fechado e o fundo do conteúdo do spoiler, entretanto mesmo fechado ele se mantém visivel.

É possível visualizar com clareza o efeito neste tópico: http://etherias.forumeiros.com/t329-sistema-de-descanso#453

Estarei disponibilizando o CSS do meu quote e spoiler:

Código:

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
outline: 1px solid #f3f3f3;
margin: 1px;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}
 
dl.codebox dt {
display:block;
text-shadows: 0px 0px 1px #000;
text-align: center;
font: 8px 'verdana';
text-align: uppercase;
background: #2e2e2e;
color:#ffffff;
padding: 5px;
margin-bottom: 3px;
}

dl.codebox dt a {color: #eee; }
 
dl.codebox code, .spoiler_content.hidden {
color:#333333;
font-size:11px;
background-color: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
padding: 5px;
line-height: 12px;
text-align: justify;
}
 
blockquote blockquote {
border-radius: 8px; 
background: #fcfcfc;
margin-top: 10px;
margin-bottom: 10px;
}

blockquote {
border-radius: 3px;   
margin: 1px;
color: #333333;
background: white;
}

.content blockquote, .content blockquote div {
  color: #333;
  display: block;
  background: ;
  margin: 1px;
  padding: 5px;
}
 

Você poderia permitir a visualização do tópico citado acima (este) para convidados, por favor?

Pronto Luiz

Tente adicionar este código em sua Folha de Estilos:

Código:

.spoiler_content.hidden {
  display: none !important;
}

Caso a senhora não saiba onde encontrar a Folha de Estilos, vá em:
Painel de Controle -> Visualização -> Cores -> Folha de Estilos CSS.

o/

Olá, o código em questão funcionou parcialmente.

Quando a pagina é carregada os spoilers continuam permanecendo abertos, entretanto ao clicar sobre eles eles consegui fechar desta vez.

Olá novamente,

Confesso que não faço a mínima ideia do que pode estar causando isso, mas uma solução possível é que o senhor crie um novo JavaScript investido nos tópicos com o código:

Código:

(function ($) {
  'use strict';

  $(function () {
    $('.spoiler_content')
      .addClass('hidden')
    ;
  });
}(jQuery));

o/

Para quem não sabe, resolveu meu problema s2.

Funcionou quase perfeitamente. Ao carregar a pagina o spoiler surge aberto, entretanto aparentemente ele é forçado a se fechar quando a pagina termina de carregar ao invés de aparecer já fechado. Mas acho que isso já é suficiente.

Como disse, é a única forma que consegui pensar para fazê-lo.
Se sua dúvida foi resolvida, clique no botão resolvido. o/

Agradeço a atenção