title: Scroll snaps to position of anchor link - unwanted behaviour and inefficient implementation
body: <p>I've created a simple tabbed content display using CSS and HTML. This code will be embedded around halfway down a much longer page with other content.</p>
  
  <p>Here's the jsFiddle: <a href="http://jsfiddle.net/ollyf/R9rq2/" rel="nofollow">http://jsfiddle.net/ollyf/R9rq2/</a></p>
  
  <p>I've made use of <code>:target</code> but I'm not entirely sure how it works. Read a few tutorials but I don't fully understand the behaviour. I feel like this is bad/inefficient code.</p>
  
  <ol>
  <li>Is there a more efficient way to achieve this tabbed content effect?</li>
  <li>If not, how can I reveal the content without the scroll position snapping to the top of the DIV?</li>
  </ol>