Hola, seguro esta respuesta no cubrirá el 100% de tu pregunta, pero te hice
un ejemplo, que puede servirte para ver como manejar el checkbox:
Código HTML:
Ver original<input type="checkbox" id="check"> <div id="pagina" class="inactivo">Lorem ipsum ...
</div>
Código CSS:
Ver original.inactivo{ display: none; }
.activo { display: block; }
Código Javascript
:
Ver originalwindow.onload = function(){
var check = document.getElementById("check");
var pagina = document.getElementById("pagina");
check.onclick = function(){
if(check.checked){
pagina.setAttribute('class','activo');
}
else{
pagina.className = "inactivo";
}
}
}
Saludos.