Question

I have a menubar. Each item on the menubar is a hyperlink:

  <a href="#" title="item1">

Based on the menu selection, I am displaying a few divs and hiding the remaining divs. Everything works fine. If I click on the menu item the results are displaying on the same page that is fine but on the browser address bar # symbol is displaying like localhost/abc# which is causing to activate the Browser Back( <– ) button which may give a wrong a assumption to user that they can click on the back button on the browser.

IS there a way to avoid displaying the # in the address bar?

I am using the return false; statment in the event handling function to disable the href link.

Answer 1

If you end the event handler with return false as you say it will not appear in your address bar. Basically there’s something not going quite as it should between the event handler being called and return false (since it doesn’t return). Make sure that your JavaScript is error free.