A Pen by Brett Diedrich.

A-Pen-by-Brett-Diedrich.markdown

A Pen by Brett Diedrich

A Pen by Brett Diedrich on CodePen.

License.

index.html

<label for="toggle-1">Do Something</label>
<input type="checkbox" id="toggle-1">
<div id="over">Control me</div>
<div id="under"></div>

style.css

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
   /* For mobile, it's typically better to position checkbox on top of clickable
      area and turn opacity to 0 instead. */
}

/* Default State */
div {
   background: green;
   width: 400px;
   height: 100px;
   line-height: 100px;
   color: white;
   text-align: center;
}

/* Toggled State */
input[type=checkbox]:checked ~ #over {
   /*background: red;*/
  opacity:0;
}
#under{
  position:absolute;
  top:1;
  z-index:-1;
}