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.
Here is the code of the link that redirects me to the specific part of the page:
<a href="#anchor" id="aboutme">SPECIFIC_PART_OF_PAGE</a>
and here is the code of the div where I am being directed after clicking the link:
<div id="anchor" class="title" ">HERE_WE_ARE</div>
I am trying this to make it work in a jquery:
$('#aboutme').click(function(e)
{
e.preventDefault();
$('#aboutme').hide();
$('#anchor').show();
$(window).scrollTop($('#anchor').offset().top);
});
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?