I know the site shows that you can trigger a "tab" with a regular hyperlink. But for the life of me i can't make it work :(
This is the script I'm using to "fade in/out" my tabs. It is in the <head> tag
<script type="text/javascript">
$(function(){
$("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0);
});
</script>
Do I need to place this script below somewhere in the <body> or in the <head>?
<script type="text/javascript">
var $tabs = $('#fragment-1').tabs(); // first tab selected
$('#ml1').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
</script>
This is the naming I have for the tabs:
<div id="wrapper">
<div id="rotator">
<!-- Tabs -->
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><span>Why Attend?</span></a></li>
I really need to be able to trigger several of the tabs on this page via a hyperlink.
<span class="notes">Check out our <a href="#????">Session Agenda</a>
Any help in this matter is greatly apprecieated.
James