title: CSS3 :target and preventing browser-jump behavior
body: <p>I have made an <em>Accordion Menu</em> like what have been explained <a href="http://designmodo.com/css3-accordion-menu/" rel="nofollow">here</a>. The problem is that when you clicking on the menu items, browser will try to jump (and scrolling) to the <code>target</code> to be sure that the target is visible in the view port. Is there any solution to prevent the jump, except something like this?</p>
  
  <pre><code>$("a[href^=#]").on("click", function(e) {
      e.preventDefault();
      history.pushState({}, "", this.href);
  });
  </code></pre>
  
  <p>js source: <a href="http://css-tricks.com/on-target/" rel="nofollow">Fighting the jump</a></p>