Content is not shown after click

1

I made a li that when clicked, should show the content inside a div that is like visibility: hidden . As I'm calling 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>
    
asked by anonymous 17.06.2016 / 17:49

2 answers

0

Your 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>

Your CSS

.showContentSinopse{
    display:none;
}

Your JS:

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

Put it like this.

    
17.06.2016 / 18:04
0

I have resolved. The problem was the JQuery version.

    
17.06.2016 / 18:17