title: Show / hide div on click with CSS
body: <p>I have a menu and three hidden divs that show up depending on what option the user selects. I would like to show / hide them on click using only CSS.  I have it working with jquery right now but I want it to be accessible with js disabled.  Somebody here provided <a href="http://jsfiddle.net/4p8CM/10/" rel="noreferrer">this code</a> for someone else but it only works with div:hover or div:active, when I change it to div:visited it doesn't work.  Would I need to add something or perhaps this isn't the right way to do it?  I appreciate any help :)</p>
  
  <p>The thing is my client wants this particular divs to slide/fade when the menu is selected, but I still want them to display correctly with javascript turned off.  Maybe z-index could do the trick...?</p>