Skip to main content
1 de 2
Einer
  • 20.6k
  • 2
  • 17
  • 39

Utiliza el metodo toggleClass que elimina o agrega una clase. Entonces en el css agregas una regla css que ocultara el elemento que la tenga aplicada. Asi, si se le da clic al checkbox, entonces agregamos o quitamos la clase que oculta el div:

$("#ocultar1").change(function(){
  $("#div1").toggleClass('oculto');
});

$("#ocultar2").change(function(){
  $("#div2").toggleClass('oculto');
});
.oculto{
  display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="checkbox" id="ocultar1" /> Ocultar 1 
  
  <input type="checkbox" id="ocultar2" /> Ocultar 2
</div>

<div class="oculto" id="div1">
Div 1
</div>

<div class="oculto" id="div2">
Div 2
</div>

Einer
  • 20.6k
  • 2
  • 17
  • 39