Content is not shown after clicking

Asked

Viewed 39 times

1

I made a li that when clicked, should show the content present within a div that’s like visibility:Hidden. As I’m calling the 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>

jquery

  • Are you using . Hide() ?? If you are going to appear use the . show(), you must have reversed the roles .

  • I mistook it when I put the code here. But, with show also doesn’t work.

  • Face in your CSS switch, put display : None instead of visibility : Hidden

  • This error appears in the console: Referenceerror: $ is not defined

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 .

0

I solved. The problem was the Jquery version.

  • If you solved, just mark as answered, usually just create an answer to answer a question, good studies hugs.

  • Where mark as answered? do not know this function of the OS.

  • Usually gets a little green bar , after you use , an answer as reference you mark the answer , search in other post , as the question was asked by you think only you can put .

  • @Felipestoker I think the best way would be to remove the question.

Browser other questions tagged jquery

You are not signed in. Login or sign up in order to post.