how to prevent anchor links from scrolling to id element but update address bar with hash (useful for some sort of tabs)

Preventing anchor links from scrolling

$("<clickable anchor link selector selector>").click(function(ev){
  if (history && history.pushState) {
    $(function() {
      history.pushState(null, document.title, this.href+ev.currentTarget.hash);
      ev.preventDefault();
    });
  };
});