StephenJacob,
Sloppy fix. But works.
<script type="text/javascript">
$(document).ready(function(){
var $tabs = $("#tabs").tabs();
$('#link0').click(function() { // bind click event to link
$tabs.tabs('select', 0); // switch to first tab
return false;
});
});
$(document).ready(function(){
var $tabs = $("#tabs").tabs();
$('#link1').click(function() { // bind click event to link
$tabs.tabs('select', 1); // switch to second tab
return false;
});
});
$(document).ready(function(){
var $tabs = $("#tabs").tabs();
$('#link2').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
});
$(document).ready(function(){
var $tabs = $("#tabs").tabs();
$('#link3').click(function() { // bind click event to link
$tabs.tabs('select', 3); // switch to fourth tab
return false;
});
});
$(document).ready(function(){
var $tabs = $("#tabs").tabs();
$('#link4').click(function() { // bind click event to link
$tabs.tabs('select', 4); // switch to fifth tab
return false;
});
});
</script>
<div id="tabs">
<ul>
<li><a href="users-admin.php">Administrators</a></li>
<li><a href="users-standard.php">Users</a></li>
<li><a href="users-notify.php">Process Users</a></li>
<li><a href="users-activity.php">User Activity</a></li>
<li><a href="db-backup.php">Database Backup</a></li>
</ul>
</div>
TEXT LINKS elsewhere on page that activate the tabs.
<a href="users-standard.php" id="link0">Administrators</a>
<a href="users-standard.php" id="link1">Users</a>
<a href="users-notify.php" id="link2">Process Users</a>
<a href="users-activity.php" id="link3">User Activity</a>
<a href="db-backup.php" id="link4>Database Backup</a>
