Bradley,
It looks like the tab <div>s must be in the same container as the navigation <ul>, plus you're not actually ever setting up the tabs.
Try replacing your function with this:
<span style="font-family: courier new,monospace;">
$(document).ready(function() {</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> $('#menu').tabs();</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> });</span>
And move the contents of <div> #content into <div> #menu.
Klaus (if you're reading) can you confirm/deny this requirement to be in the same container?
--rob
<div><span class="gmail_quote">On 5/22/07, <b class="gmail_sendername">Bradley Holloway</b> <<a href="mailto:bradley@thepixelprodigy.com">
bradley@thepixelprodigy.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div bgcolor="#ffffff"><pre><span>Hey everyone! I am stuck on this problem using jQuery and the tabs plugin</span></pre><pre><span>Here is the code, any suggestions?</span></pre><pre><span></span> </pre><pre><span><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"></span>
<<span>html</span><span> xmlns</span>=<span>"<a href="http://www.w3.org/1999/xhtml" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.w3.org/1999/xhtml</a>"</span>><
<span>head</span>>
<<span>meta</span><span> http-equiv</span>=<span>"Content-Type" </span><span>content</span>=<span>"text/html; charset=utf-8" </span><span><span>/</span></span>>
<<span>
title</span>>Mike Rothermel</<span>title</span>>
<<span>link</span><span> rel</span>=<span>"stylesheet" </span><span>href</span>=<span>"css/style.css" </span><span><span>/</span></span>>
<<span>link</span><span> rel</span>=<span>"stylesheet" </span><span>href</span>=<span>"css/jquery.tabs.css" </span><span><span>/</span></span>>
<<span>link</span><span> rel</span>=<span>
"stylesheet" </span><span>href</span>=<span>"css/jquery.tabs-ie.css" </span><span><span>/</span></span>>
<<span>script</span><span> type</span>=<span>"text/javascript" </span><span>src
</span>=<span>"js/jquery.js"</span>></<span>script</span>>
<<span>script</span><span> type</span>=<span>"text/javascript" </span><span>src</span>=<span>"js/jquery.tabs.js"</span>
></<span>script</span>>
<<span>script</span><span> type</span>=<span>"text/javascript"</span>>
$(function() {
$('#menu').tabs();
});
</<span>script</span>>
</<span>
head</span>><<span>body</span>>
</pre><pre><<span>div</span><span> id</span>=<span>"headCont"</span>>
<<span>div</span><span> id</span>=<span>"header"</span>>
<
<span>div</span><span> id</span>=<span>"menu"</span>>
<<span>ul</span><span> class</span>=<span>"tabs-nav"</span>>
<<span>li</span>><<span>a</span><span> href
</span>=<span>"#profile"</span>><<span>span</span>>Profile</<span>span</span>></<span>a</span>></<span>li</span>>
<<span>li</span>><<span>a</span><span> href</span>
=<span>"#insight"</span>><<span>span</span>>Insight</<span>span</span>></<span>a</span>></<span>li</span>>
<<span>li</span>><<span>a</span><span> href</span>=<span>
"#portfolio"</span>><<span>span</span>>Portfolio</<span>span</span>></<span>a</span>></<span>li</span>>
<<span>li</span>><<span>a</span><span> href</span>=<span>
"#contact"</span>><<span>span</span>>Contact</<span>span</span>></<span>a</span>></<span>li</span>>
</pre><pre> </<span>ul</span>>
</<span>div</span>>
<span><!--menu end--></span>
</<span>div</span>><span><!--header end--></span>
</<span>div</span>><span><!--headCont end--></span>
<<span>div</span><span> id</span>=<span>"content"</span>>
<<span>div</span><span> id</span>=<span>"profile" </span><span>class</span>=<span>"tabs-container"</span>>Home</<span>
div</span>><span><!--profile end--></span>
<<span>div</span><span> id</span>=<span>"insight" </span><span>class</span>=<span>"tabs-container"</span>>Insight</<span>div</span>><span><!--insight end--></span>
<<span>div</span><span> id</span>=<span>"portfolio" </span><span>class</span>=<span>"tabs-container"</span>>Portfilio</<span>div</span>><span><!--portfolio end--></span>
<<span>div</span><span> id</span>=<span>"contact" </span><span>class</span>=<span>"tabs-container"</span>>Contact</<span>div</span>><span><!--contact end--></span>
</<span>div</span>><span><!--content end--></span>
<<span>div</span><span> id</span>=<span>"footerCont"</span>>
<<span>div</span><span> id</span>=<span>"footer"</span>></<span>div</span>><span><!--footer end--></span>
</<span>div</span>><span><!--footerCont end--></span>
</<span>body</span>>
</<span>html</span>></pre></div>
</blockquote></div>
<br clear="all">
--
Rob Desbois
Eml: <a href="mailto:rob.desbois@gmail.com">
rob.desbois@gmail.com</a>
Tel: 01452 760631
Mob: 07946 705987
"There's a whale there's a whale there's a whale fish" he cried, and the whale was in full view.
...Then ooh welcome. Ahhh. Ooh mug welcome.