Activate Tabs
Activate Tabs
I'm taking ui.tabs a step further and using it as a main navigation.
The only roadblock I am running in to is activating the main tabs and
being able to get them to link to pages.
Here is my demo reference page --> http://grantmx.com/test/
Here is my code thus far:
$(function() {
$('#nav-cntr > ul#nav').tabs({ event: 'mouseover', fxFade: true,
fxSpeed: 'fast'});
});
So basically I am trying to get all of these guys...
<ul id="nav">
<li><a href="#home">Home</a></li>
<li><a href="#articles">Articles</a></li>
<li><a href="#videos">Videos</a></li>
<li><a href="#channels">Channels</a></li>
<li><a href="#gerard">Gerard Henry</a></li>
</ul>
...to link as if they were standard links while still activating the
tabs (secondary nav). I tried to use onClick=(); but the browsers
look at the href="" first. I though of using the activate tabs
function, but that just activates one tab.
I saw that one guy did something similar in this thred -->
http://www.nabble.com/ui.tabs-problem-with-z-index-in-IE6-td15560513s27240.html,
But after looking at his code, it didn't quite make sense how tabs was
integrated, if at all.
Thanks guys!