I\'m using JQuery UI to make tabs in my application. I needed the tabs to be linkable (direct link that opens the page and selects the correct tab). This is done by using a
There are many answers on this page, and in my mind, most are overcomplicating a simple issue.
Basically, the solution from david-thomas is the simplest and most effective. Essentially, all you want to be doing is preventing the default link behaviour on a tab link ( tag).
The same answer applies to the bootstrap tabs, where you have to specify the click handler
$('.nav-tabs a').click(function(e){
e.preventDefault();
$(this).tab('show');
});