This might help you out. I’ve created a way to use next/previous navigation by getting the currently selected tab then adding/subtracting 1.
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function() {
$('.next').click(function() {
var $tabs = $('ul.tabs').tabs();
var selected = $tabs.data('selected.tabs');
$tabs.tabs('select', selected + 1);
return false;
})
$('.previous').click(function() {
var $tabs = $('ul.tabs').tabs();
var selected = $tabs.data('selected.tabs');
$tabs.tabs('select', selected - 1);
return false;
})
});
// ]]>
</script>
You’ll want to change both instances of ‘ui.tabs’ in var $tabs = $('ul.tabs').tabs(); to match whatever your class/id is.
Hope this helps.
As a best practice I always use Eric Meyer’s browser reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Also take a look at http://www.designsalaries.org/calculator.asp
