How to use links within a show/hide div using Pure CSS

http://stackoverflow.com/questions/36561667/how-to-use-links-within-a-show-hide-div/36562332#36562332

by fido3993

HTML

<p>some text I want to show</p>
<div>
<a href="#" class="hide">[...]</a>
<a href="#" class="show">[...]</a>
<p id="list">bla bla, you should look on <a href="http://www.google.com">google</a></p>
</div>

CSS

.hide:focus + .show + #list{
  display:none;
}

.show:focus + #list{
  display:block ;
}

#list{
  display:none;
}