How do you change the default action of a hashed link to go to a different ID?

Question

I have a weird question, but hopefully you folks have an answer - as you often do.

We have some published links that go to our contact form: .../#ContactForm We use the hashed link to go directly to the contact form at the bottom of our page.

However, I've made some edits and now want all the existing links to actually go to .../#InfoAboveContactForm, which is incidentally above the original. When people click the old .../#ContactForm link, they can't see the content in #InfoAboveContactForm.

...

<div id="InfoAboveContactForm">Some NEW information I want people to see</div>
<div id="ContactForm">Original Form fields are in here</div>

...

Is there anyway using jQuery or javascript to change the behavior of a hashed link to go to a different ID than designated in the window.location.hash?

<a href=".../#ContactForm">Go to the new #InfoAboveContactForm, not the original #ContactForm</a>

Thanks in advance

Answer 1

I ended up writing some logic for the ready event, checking if the location hash was #ContactForm, and if it was, I would manipulate the window.location property to go to where I wanted it.