/* скрываем чекбоксы и блоки с содержанием */
.hide {
display: none;
}
.hide + label ~ div{
display: none;
}
/* оформляем текст label */
.hide + label {
border-bottom: 1px dotted green;
padding: 0;
color: green;
cursor: pointer;
display: inline-block;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
color: red;
border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием */
.hide:checked + label + div {
display: block;
background: #efefef;
-moz-box-shadow: inset 3px 3px 10px #7d8e8f;
-webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
box-shadow: inset 3px 3px 10px #7d8e8f;
padding: 10px;
}

/* demo контейнер */
.demo {
margin: 5% 10%;
}