\n\tRecently I had to add tabs to a website and ran into not wanting the browser to jump to the panel content when tabs are clicked. I just want the content to switch.\n<\/p>\n
\n\tAfter a little research, I found posts explaining how to obtain the opposite, and a little later found this:\n<\/p>\n
\n\thttp:\/\/blog.shaunscovil.com\/post\/55630727782\/twitter-bootstrap-how-to-prevent-jump-when-tabs-are-clic<\/a>\n<\/p>\n \n\t \n<\/p>\n \n\tAfter giving their suggestion a try, I noticed that the path part of the URL was not being preserved (it could as well be something else on my javascript code), but anyways, here's what I have now:\n<\/p>\n \n\t \n<\/p>\n \n\t \n<\/p>\n \n\tHopefully that telps someone else.\n<\/p>\n \n\t \n<\/p>\n \n\t \n<\/p>\n \n\t <\/p>\n","protected":false},"excerpt":{"rendered":" Recently I had to add tabs to a website and ran into not wanting the browser to jump to the panel content when tabs are clicked. I just want the content to switch. After a little research, I found posts explaining how to obtain the opposite, and a little later… Continue reading \n\/\/ Change hash for page-reload\n<\/span>var <\/span>url = document.location.toString();\n<\/span>if <\/span>(url.match('#'<\/span>)) {\n $('.nav-tabs a[href=#' <\/span>+ url.split('#'<\/span>)[1<\/span>] + ']'<\/span>).tab('show'<\/span>);\n<\/span>} else <\/span>{\n $('.nav-tabs a[href=#tab_account]'<\/span>).tab('show'<\/span>);\n<\/span>}\n$('.nav-tabs a'<\/span>).on('shown.bs.tab'<\/span>, <\/span>function <\/span>(e) {\n var <\/span>url = document.location.toString();\n<\/span> <\/span>if <\/span>(url.match('#'<\/span>)) {\n \/\/$('.nav-tabs a[href=#' + url.split('#')[1] + ']').tab('show');\n<\/span>\n <\/span>url = url.split("#"<\/span>)[0<\/span>];\n<\/span> <\/span>}\n history.pushState( null<\/span>, <\/span>null<\/span>, <\/span>url + $(this<\/span>).attr('href'<\/span>) );\n<\/span>});<\/span><\/pre>\n