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>