Jump to content

André Lomba

Members
  • Content count

    2
  • Joined

  • Last visited

Community Reputation

0 Comum

About André Lomba

  • Birthday 10/12/2000

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    São José do Rio Preto - SP
  • Interesses
    PHP, Javascript, Jquery, Vue.js
  1. André Lomba

    Ocultar e exibir conteudo através de checkbox

    Maravilha @jcsalim, fico feliz em poder ajudar.
  2. André Lomba

    Ocultar e exibir conteudo através de checkbox

    Olá @jcsalim, creio que seja este o efeito que você deseja que aconteça. Exemplo no jsfiddle: https://jsfiddle.net/odx8hrfs/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <style> .invisivel { display: none; } </style> <label> <input type="checkbox" name="check" /> Opção 1 </label> <div id="conteudo1" class="invisivel" style="width: 50px;height: 50px;background-color: red;"></div> <br> <label> <input type="checkbox" name="check2" /> Opção 2 </label> <div id="conteudo2" class="invisivel" style="width: 50px;height: 50px;background-color: yellow;"></div> <br> <label> <input type="checkbox" name="check3" /> Opção 3 </label> <div id="conteudo3" class="invisivel" style="width: 50px;height: 50px;background-color: blue;"></div> <script> $('[name="check"]').change(function() { $('#conteudo1').toggle(200); }); $('[name="check2"]').change(function() { $('#conteudo2').toggle(200); }); $('[name="check3"]').change(function() { $('#conteudo3').toggle(200); }); </script>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.