July 22, 2012
how to navigate from one tab to other by clicking on a hyperlink using jquery ui tabs
Question by Hardworker
Could any one help me on how to navigate from first tab to second tab by clicking a hyperlink in first tab using JQUERY UI tabs?
Answer by Shant
You can refer the jQuery UI Tabs documentation for your problem, its very well mentioned
var $tabs = $('#example').tabs(); // first tab selected
$('#my-text-link').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
Answer by Starx
You can switch between tabs freely by following the indexes using select method.
An example:
$("#tabs").tabs('select', 1);
Attach this snippet to the click handler of the link on the content of first tabs.
Example:
For a link like this:
<a href="some.html" id="nextTab">Go to Next Tab</a>
jQuery:
$("#nextTab").click(function() {
$("#tabs").tabs('select', 1);
});
