HTML:
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.
Curabitur
nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante.
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus
gravida
ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis.
jQuery:
$(function() {
$("#tabs").tabs();
});
$(".ui-widget-content a").live("click", function() {
var ID = $(this).closest(".ui-widget-content").attr("id").toString().substr(-1);
ID = (parseInt(ID) - 1) + 1;
var No_of_tabs = $("#tabs").tabs('length');
if (ID >= parseInt(No_of_tabs)) {
ID = 0;
}
$("#tabs").tabs('select', ID); // Move to another tab
$("#service").load($(this).attr("href"), function() {
//when content loaded, do what you want to do...
});
return false;
});