title: How to show/hide content on click with CSS
body: <p>I have put together this simple code for showing/hiding some content on click using CSS only. It works as I want it to in FF but wont work in Chrome or Safari (untested as yet in IE) </p>
  
  <p><a href="http://jsfiddle.net/fW3yW/" rel="nofollow">http://jsfiddle.net/fW3yW/</a></p>
  
  <p>Can someone please tell me why it wont work in these browsers and suggest an alternative (using CSS only if possible)?</p>
  
  <p>Here is the site where the code is being used - <a href="http://www.themontessoripeople.co.uk/montesori/?page_id=20#policies-list" rel="nofollow">http://www.themontessoripeople.co.uk/montesori/?page_id=20#policies-list</a></p>