The short unhelpful answers are (a) you can't or (b) you need to hack the
tabs plugin.
Currently the plugin searches for the <ul> and each tab's <div> in the same
container. It is of course possible to change this behaviour, but without
delving into the depths of the plugin I couldn't advise you on how to go
about it...
Given that your current layout is for links at the side of the page, how
does that fit in with the tabbed view idea? Are you planning to keep the
sidebar as a fallback mechanism?
If so, use jQuery to move the <ul> from its current location to the content
<div> prior to doing $("#content").tabs() would work well I expect.
Hope that helps anyway,
--rob
On 5/25/07, MrNase <[EMAIL PROTECTED]> wrote:
I am playing around with jquery.tabs but I am having a major problem.
>From the examples I see that it needs a code like this to work:
<div id="container-1">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Tabs are flexible
again</span></a></li>
</ul>
<div id="fragment-1">1</div>
<div id="fragment-2">2</div>
<div id="fragment-3">3</div>
</div>
But my code currently looks like this:
<div id="content">
<div id="fragment-1">1</div>
<div id="fragment-2">2</div>
<div id="fragment-3">3</div>
</div>
<div id="sidebar">
<ul>
<li><a href="#fragment-1">One</a></li>
<li><a href="#fragment-2">Two</a></li>
<li><a href="#fragment-3">Tabs are flexible again</a></
li>
</ul>
</div>
How can I make it work without changing my code?
--
Rob Desbois
Eml: [EMAIL PROTECTED]
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.
