Untitled

dabblet.css

body {
	padding:100px;
}

input:checked ~ p.first {
	display:none;
}

input:not(:checked) ~ p.second {
	display:none;
}

.first {
	background: skyblue;
	padding:10px;
}

.second {
	background: papayawhip;
	padding:10px; 
}

dabblet.html

<label for="checker">Check me</label>
<input type="checkbox" id="checker">
<p class="first">
	Now you see me
</p>
<p class="second">
	Now you don't
</p>

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}