Nested Tabs ?

[everknown]

I was trying to nest a tabbed interface insid of another one. All I get is the tab labels inside the parent tab, but none of the content.

Are there any examples I can look at, or is there anything I have to keep in mind? I've changed the id for the tabs and stuff but its not working.

thanks.

[Twey]

MONKEYS
TREES

[everknown]

I can't post it, i have not written it yet....anyway its behind a firewall.

[everknown]

<ul id="tablist">
<li><a href="new.htm" onClick="return expandcontent('sc1', this)" theme="#faf2e6">Business</a></li>
<li><a href="hot.htm" onClick="return expandcontent('sc2', this)" theme="#faf2e6">Biography</a></li>
<li><a href="hot.htm" onClick="return expandcontent('sc3', this)" theme="#faf2e6">Home</a></li>
<li><a href="hot.htm" onClick="return expandcontent('sc4', this)" theme="#faf2e6">Admin</a></li>
</ul>
<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent"></div>
<div id="sc2" class="tabcontent"></div>
<div id="sc3" class="tabcontent">
<ul id="tablist">
<li><a href="new.htm" onClick="return expandcontent('sc1-1', this)" theme="#faf2e6">Home</a></li>
<li><a href="hot.htm" onClick="return expandcontent('sc2-2', this)" theme="#faf2e6">Additional Information</a></li>
</ul>
<div id="sc1-1" class="tabcontent">Here is some more stuff. Home content</div>
<div id="sc2-2" class="tabcontent">Blah blah blah blah. Additional tab</div>
</div>
<div id="sc4" class="tabcontent"></div>
</div>