title: CSS - show / hide content with anchor name
body: <p><strong>Single page website</strong></p>
  
  <p>I have a single page website (one page only). I can navigate with a menu to get to different parts of the page with anchor name, just like (see sidebar):</p>
  
  <p><a href="http://codex.wordpress.org/Class_Reference/WP_Query" rel="noreferrer">WordPress Docs</a></p>
  
  <p><strong>Hide the other stuff</strong></p>
  
  <p>I want to hide stuff that does not belong the the current active page part and just show the information of the part that I'm looking at.</p>
  
  <p><strong>Question(s)</strong></p>
  
  <ul>
  <li>Can I hide stuff that is not a part of the current #anchor_part with only CSS?</li>
  <li>Have you seen any sites already doing this?</li>
  </ul>