PDA

View Full Version : Nested Tabs ?



everknown
08-12-2005, 08:48 PM
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
08-13-2005, 08:10 AM
MONKEYS
TREES

everknown
08-15-2005, 02:46 PM
I can't post it, i have not written it yet....anyway its behind a firewall.

everknown
08-15-2005, 02:52 PM
<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>