Turn off anchor url redirecting with jquery

Question

I have a page set up with tabs that includes the history function so it appends the url with the ID of each tab. Inside one tab I have a set of anchor tags, like a FAQ section. The problem is that the anchor ID's are messing up the url, it removes the tab ID from the URL and adds the anchor ID. Is there a way to turn off the URL redirecting for just the anchors? I would assume I could give a class to the anchors and target them that way but I dont have any idea on the rest of the code. thx

Answer 1

as far as I understand your question, you want to stop the navigation from current page on clicking anchor tag ?

$(function() {
   $('a#scollToFaQ').bind('click',function() {
     var pos = $('#faq').offset().top;
     $('html,body').animate({scrollTop : pos}, 1000);

     return false;  //stops navigation
   });
});

Test the code , look at the address bar for url [you'll find that url isn't alterning]