1

Fiz uma li que quando clicado, deve mostrar o conteúdo presente dentro de uma div que está como visibility:hidden. Como estou chamando o JS.

	$(".buttonShowContentSinopse").click(function() {
	  $(".showContentSinopse").show();
	});
.showContentSinopse {
  visibility: hidden;
}
<div class="boxContent">
  <ul>
    <li class="buttonShowContentSinopse active">Sinopse</li>
    <li>Ficha Ténica</li>
    <li>Imagens</li>
    <li>Trailer</li>
  </ul>
  <div class="showContentSinopse grid_475 float-left padding-20 bgYellow">
    <p>Num futuro próximo, o combustível que alimenta os motores dos carros é também motivo para crimes perpretados por violentas gangues. Max é um jovem policial e junto com seus companheiros patrulha as estradas a fim de impedir a ação daqueles que insistem
      em perturbar a paz. A morte de um membro pelas mãos de Max dá início a uma série de crimes cruéis cometidos contra sua família e o melhor amigo. Assim, Max só tem uma escolha: vingança.</p>
  </div>
</div>

4
  • Você está usando .hide () ?? Se é pra aparecer use o .show(), você deve ter invertido os papeis . Commented 17/06/2016 às 16:00
  • Eu confundi na hora de colocar o código aqui. Mas, com show também não funciona. Commented 17/06/2016 às 16:04
  • Cara no seu CSS troque , coloque display : none ao invés de visibility : hidden Commented 17/06/2016 às 16:07
  • Aparece esse erro no console: ReferenceError: $ is not defined Commented 17/06/2016 às 16:11

2 Respostas 2

0

Seu HTML

    <div class="boxContent">
  <ul>
    <li class="buttonShowContentSinopse active">Sinopse</li>
    <li>Ficha Ténica</li>
    <li>Imagens</li>
    <li>Trailer</li>
  </ul>
  <div class="showContentSinopse grid_475 float-left padding-20 bgYellow">
    <p>Num futuro próximo, o combustível que alimenta os motores dos carros é também motivo para crimes perpretados por violentas gangues. Max é um jovem policial e junto com seus companheiros patrulha as estradas a fim de impedir a ação daqueles que insistem
      em perturbar a paz. A morte de um membro pelas mãos de Max dá início a uma série de crimes cruéis cometidos contra sua família e o melhor amigo. Assim, Max só tem uma escolha: vingança.</p>
  </div>
</div>

Seu CSS

.showContentSinopse{
    display:none;
}

Seu JS:

 $(".buttonShowContentSinopse").click( function() {     
    $(".showContentSinopse").show();    
 });

Coloque assim .

0

Resolvi. O problema era a versão do JQuery.

4
  • Se você resolveu, apenas marque como respondido, geralmente, apenas se criar uma resposta para responder uma pergunta, abraços bons estudos. Commented 17/06/2016 às 16:28
  • Onde marco como respondido? não conheço essa função do SO. Commented 17/06/2016 às 16:58
  • Geralmente fica uma barrinha verde , depois que você usa , uma resposta como referência você marca a resposta , procura no em outros post , como a pergunta foi feita por você acho que só você pode colocar . Commented 17/06/2016 às 17:00
  • @FelipeStoker acho que a melhor maneira seria remover a pergunta.
    – Marconi
    Commented 17/06/2016 às 17:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .