JSFiddle - React, Tailwind, and code Playground

An answer to this topic http://stackoverflow.com/questions/17731457/hide-show-content-list-with-only-css-no-javascript-used

by Eric Diepen

HTML

<span class="span3" tabindex="0"></span>
<span class="span2" tabindex="0"></span>
<p class="alert" >Some message to show here</p>

CSS

body {
  display: inline-block;
}
.span3 ~ .span2:after{
  content:"";
}
.span3:focus ~ .alert  {
  display:block;
}
.span3:focus ~ .span2:after  {
  content:"Hide Me";
}
.span3:after  {
  content: "Show Me";
}
.span3:focus:after  {
  content: "";
}
.alert  {
  display:none;
}