newby: trying to get tabs to not load anything until clicked
Hi:
I have a set of tabs (a ul) that needs to do an ajax load of the
remote content. I want it not to load anything until the user clicks
on the tab. I have been trying the following code:
$(document).ready(function(){
$("#termModule > .yui-nav").tabs({unselected:true})
});
and the html looks like:
<div id="termModule">
<ul class="yui-nav">
<li>
<a href="#" title="Spring 2008"><strong>Spring 2008</
strong></a>
</li>
etc.
Don't worry about the YUI names, this is a refactoring of a YUI tab
page.
However, the unselected: true does not work, so the above code loads
the page itself as the first tab content. After I figure out how to
make it NOT do this, I need to set the tabs to work with custom code
to figure out the url of each ajax call, so I will need to change the
default ajax calls (maybe using tabsHREF). Anyway, any help getting
the tabs to NOT do their default behavior would be greatly
appreciated. I am testing in Firefox 2.0.0.9 on Mac OS 10.4.10
Thanks,
- Mike