index.html

<label for="block-hide" class="block-hide__link">Link</label>
<input type="checkbox"  id="block-hide"/>
<div class="hide" >
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque id, deserunt</p>
</div>

Pure CSS Block Hiding.markdown

Pure CSS Block Hiding.

style.css

.hide{
  height: 0;
  overflow: hidden;
}

.block-hide__link{
  text-decoration: underline;
  color:blue;
}

.block-hide__link:hover{
  cursor: pointer;
}

#block-hide{
  display: none;
}

#block-hide:checked ~ .hide{
  height: auto;
  overflow: visible;
}