Make forward and next buttons or links on each tab view. In the rel tags of each button, place the id of the tab that would be next or before in the sequence.

<button rel="#tab1">&nbsp;</button>
<button rel="#tab3">&nbsp;</button>

Then, use this handy little script:

$('.nav_arrow').click(function () {
var nextPage = $(this).attr('rel');
$(nextPage).click();
return false;
});

Effectively, you are telling the forward or next button that if it’s clicked, cause the corresponding tab to be clicked, opening that view.

You can leave a response, or trackback from your own site.