title: Redirect to a DIV using a link and hide anchor hash from display
body: <p>I am trying to make some links that redirect the user to a certain part (div) of the page. I am using anchors for that reason but I get the www.f f f.com/#anchor link on my browser's tab. All I want is to see www.f f f.com so that the hashtag is not shown on the url. </p>
  
  <p>Here is the code of the link that redirects me to the specific part of the page:</p>
  
  <pre><code>&lt;a href="#anchor" id="aboutme"&gt;SPECIFIC_PART_OF_PAGE&lt;/a&gt;
  </code></pre>
  
  <p>and here is the code of the div where I am being directed after clicking the link:</p>
  
  <pre><code>&lt;div id="anchor" class="title" "&gt;HERE_WE_ARE&lt;/div&gt;
  </code></pre>
  
  <p>I am trying this to make it work in a jquery:</p>
  
  <pre><code>$('#aboutme').click(function(e)
  {
  e.preventDefault();
  $('#aboutme').hide();
  $('#anchor').show();
  $(window).scrollTop($('#anchor').offset().top);
  });
  </code></pre>
  
  <p>It does work, but I see that the link "HERE_WE_ARE" has now disappeared. It is not visible. What should I do to hide it from the url shown on my browser tab and still have it in the menu?  </p>