I want to use this script with one layer of tabs nested inside another layer of tabs. the first layer works, but second one dosnt. http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm Code is <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- Meta Information --> <title>Doctrack Tabs V3</title> <!-- Import Stylesheets --> <link rel="stylesheet" href="inc/css/v4.css" type="text/css" media="screen" /> <link rel="stylesheet" href="inc/css/screen.css" type="text/css" media="screen" /> <link rel="stylesheet" href="inc/css/layoutB.css" type="text/css" media="screen" /> <link rel="stylesheet" href="inc/css/print.css" type="text/css" media="print" /> <!-- Import Javascripts --> <link rel="stylesheet" type="text/css" href="inc/ajaxtabs/ajaxtabs.css" /> <script type="text/javascript" src="tabcontent.js"> </script> </head> <body> <!-- Print Header --> <div id="printHeader"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="90%" valign="bottom"><h1 class="inline">Full Application Name</h1></td> <td width="10%"><img src="inc/css/media/iaeaPrint.gif" alt="" width="200" height="45" /></td> </tr> </table> </div> <!-- /Print Header --> <!-- Canvas. Classes: fluid, fixed, fixedplus --> <div id="canvas" class="fluid"> <!-- Template Mode. IDs: app, portal, web. Classes: none, boxed, framed --> <div id="app" class="none"> <!-- Header --> <div id="header"> <!-- IE fix --> <div class="ie5fix" style="padding-top: 4px;"> <!-- Add 4px padding-top if the switcher is not used --> <table width="100%" cellpadding="0" cellspacing="0" border="0" id="projectid"> <tr> <td id="home" valign="middle"><a href=""><img src="inc/css/media/blank.gif" alt="To FAN home" width="1" height="1" /></a></td> <td id="user" align="right">Mr. Max Mustermann, <a href="">My Settings</a></td> <td id="iaea" align="right" valign="top"><div id="sign"><a href="">Sign Out</a></div></td> </tr> </table> </div> <!-- /IE fix --> </div> <!-- /Header --> <!-- Body. Classes: homepage, signin, search, article --> <div id="body"> <!-- Ibody --> <div id="ibody"> <!-- Main Column --> <div id="main"> <!-- Offset and IE fix --> <div class="offset"><div class="ie5fix"> <!-- *************************************************** START CONTENT AREA MAIN COLUMN *************************************************** --> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <h1 class="inline">Request for Document Services</h1> </td> </tr> </table> <p></p> <form name="1" action=""> <!-- Ibox Parameters --> <div class="cvoid"><div class="shade1"> <!-- Ibox --> <div class="ibox"> <div class="top"><div><div></div></div></div> <div class="wrapper"><div class="content"> <div class="boxoffset"><div class="ie5fix"> <ul id="maintab" class="shadetabs"> <li class="selected"><a href="#" rel="tcontent1">General Info</a></li> <li><a href="#" rel="tcontent2">Translation Request</a></li> <li><a href="#" rel="tcontent3">Printing</a></li> <li><a href="#" rel="tcontent4">Publishing</a></li> <li><a href="#" rel="tcontent5">Distribution Instructions</a></li> </ul> <div class="tabcontentstyle"> <div id="tcontent1" class="tabcontent" style=" border: 1px solid gray;"> <p><table cellpadding="0" cellspacing="0" border="0" class="dinput"> <tr> <td class="section" colspan="4"> <h4 class="inline">General Info</h4> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Title:</label></td> <td><input id="" type="text" class="fmedium" /> </td> <td align="right">Document Symbol: <input id="" type="text" class="fsmall" /></td> <td>No of Pages: <input id="" type="text" class="fsmall" /></td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Authorized by:</label></td> <td> <input id="" type="text" class="fmedium" /> </td> <td align="right"><label for=""><font class="mandatory">*</font> (AFIMS) code: </label> <input id="" type="text" class="fsmall" /></td><td><input type="submit" value="search codes" /> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Name of consulting officer:</label></td> <td><input id="" type="text" class="fmedium" /> </td> <td align="right">Room: <input id="" type="text" class="fsmall" /></td> <td>Extension: <input id="" type="text" class="fsmall" /></td> </tr> <tr> <td align="right"><label for="">Alternative Contact:</label></td><td> <input id="" type="text" class="fmedium" /> </td> <td align="right">Room: <input id="" type="text" class="fsmall" /></td> <td>Extension: <input id="" type="text" class="fsmall" /></td> </tr><tr><td align="right">Instructions</td><td colspan="2"><textarea id="" name="" rows="7" cols="23" class="flarge"></textarea></td><td></td></tr> <tr> <td class="section" colspan="4"> <hr /> <h4 class="inline">For multiple correspondance requests</h4> </td> </tr> <tr> <td class="section" colspan="4"> <label for="check1">Have all Clearances been obtained <input type="checkbox" id="check1" value="" /></label> <b>Note:</b> A record of all the necessary clearances (see AM.I/16, Para 6) should be kept by the submitter. </td> </tr> <tr> <td align="right"><label for=""> You may also enter Remarks/notes/instructions</label></td> <td colspan="3"> <textarea id="" name="" rows="5" cols="10" class="fxlarge"></textarea> </td> </tr></table></p> </div> <div id="tcontent2" class="tabcontent"> <table cellpadding="0" cellspacing="0" border="0" class="dinput"><tr> <td class="section" colspan="4"> <hr /> <h4 class="inline">Translation Request</h4> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Source Language:</label></td> <td> <input id="" type="text" class="fmedium" /> </td> <td align="right"><label for=""><font class="mandatory">*</font> Target Language/s:</label></td> <td> <input id="" type="text" class="fmedium" /> [<a href="#">Select</a>] </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Send translation to:</label></td> <td> <span class="valueashtml"><input id="" type="text" class="fmedium" /></span> </td> <td align="right"><label for="">Translation Deadline:</label></td> <td> <input id="" type="text" class="fsmall" /> Day/Month/Year </td> </tr> <tr> <td align="right"><label for=""> Number of words:</label></td> <td> <span class="valueashtml"><input id="" type="text" class="fmedium" /></span> </td> <td align="right"><label for="">Number of pages:</label></td> <td> <input id="" type="text" class="fsmall" /> </td> </tr> <tr> <td align="right"><label for="">Remarks/notes/instructions</label></td> <td> <textarea id="" name="" rows="5" cols="10" class="fmedium"></textarea> </td> <td align="right"><label for="">Select File to translate</label></td> <td><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /></td></tr><tr> <td align="right"></td> <td> </td> <td align="right"></td> <td>[<a href="#">Add more files</a>] [<a href="#">Add Folder</a>] </td> </tr></table> </div> <div id="tcontent3" class="tabcontent"> <table cellpadding="0" cellspacing="0" border="0" class="dinput"> <tr> <td class="section" colspan="4"> <hr /> <h4 class="inline">Printing Requests</h4> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Desired Deadline:</label></td> <td> <input id="" type="text" class="fsmall" /> YYYY-MM-DD </td> <td align="right"><label for="">Select files to print</label></td> <td rowspan="4"><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /> [<a href="#">Add more files</a>] [<a href="#">Add Folder</a>] </td> <td> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Absolute Deadline:</label></td> <td> <input id="" type="text" class="fsmall" /> YYYY-MM-DD </td> <td align="right"></td> <td> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Paper type of cover:</label><br/> </td> <td> <select id="" name="" class="fmedium"> <option>4cc 200gram white mat card </option> <option>4cc 250gram white mat card </option> <option>Linen 240gram white mat card </option> <option>ArtG 200gram white glossy card</option> </select></td></tr><tr><td><label for=""><font class="mandatory">*</font> Paper type of inside text:</label></td><td> <select id="" name="" class="fmedium"> <option>Biotop 80g white (standard)</option> <option>Biotop 80g yellow </option> <option>Biotop 80g blue </option> <option>Biotop 80g pink </option> <option>Biotop 80g green </option> </select> </td> <td align="right"> </td> </tr> <tr> <td align="right"><label for=""></td> <td> </td> <td align="right"><label for=""><font class="mandatory">*</font> File folder location info:</label></td> <td> <input id="" type="text" class="fmedium" /> </td> </tr></table> <ul id="maintab2" class="shadetabs"> <li class="selected"><a href="#" rel="printcontentarea">Cover <input type="checkbox" id="check1" value="" /></a></li> <li><a href="#" rel="subcontentarea1">Text <input type="checkbox" id="check1" value="" /></a></li> <li><a href="#" rel="subcontentarea2">CD Booklet <input type="checkbox" id="check1" value="" /></a></li> <li><a href="#" rel="subcontentarea3">CD Insert <input type="checkbox" id="check1" value="" /></a></li> <li><a href="#" rel="subcontentarea4">CD Rom <input type="checkbox" id="check1" value="" /></a></li> <li><a href="#" rel="subcontentarea5">Printing <input type="checkbox" id="check1" value="" /></a></li> </ul> <div class="tabcontentstyle"> <div id="subcontentarea1" class="tabcontent" style=" border: 1px solid gray;"> <table class="dinput" border="0"> <tr><td align="right">Colour</td><td> <select id="" name="" class="fmedium"> <option>One Colour</option> <option>Two Colour</option> <option>Full Colour</option> </select></td><td align="left" rowspan="5"><table><tr><td colspan="3">Number of pages</td></tr><tr><td>Total:<br /><input id="" type="text" class="fsmall" /></td><td>2-colour:<br /><input id="" type="text" class="fsmall" /></td><td>Full colour:<br /><input id="" type="text" class="fsmall" /></td></tr></table><br /> <input type="checkbox" id="check1" value="" /> Re-run<br /><input type="checkbox" id="check1" value="" /> Scan<br /> Number of copies: <input id="" type="text" class="fsmall" /></tr> <tr><td align="right">Format</td><td> <select id="" name="" class="fmedium"> <option>A4</option> <option>A5</option> <option>A3</option> </select></td></tr> <tr><td align="right">Varnish</td><td> <select id="" name="" class="fmedium"> <option>Glossy</option> <option>Matt</option> <option>Silk</option> <option>Satin</option> </select> </td></tr> <tr><td align="right">Paper Format</td><td> <select id="" name="" class="fmedium"> <option>Single Side Landscape</option> <option>Single Side Portrait</option> <option>Double Side Landscape</option> <option>Double Side Portrait</option> </select> </td></tr> <tr><td>Page sequence</td><td><input id="" type="text" class="fsmall" /></td></tr> <tr><td> Instructions</td><td colspan="2"><br /><textarea id="" name="" rows="10" cols="23" class="flarge"></textarea></td> </table> </div> <div id="subcontentarea2" class="tabcontent"> sub content 2 </div> <div id="subcontentarea3" class="tabcontent"> sub content 3 </div> <div id="subcontentarea4" class="tabcontent"> sub content 4 </div> <div id="subcontentarea5" class="tabcontent"> sub content 5 </div> </div> <div id="tcontent4" class="tabcontent"> <table cellpadding="0" cellspacing="0" border="0" class="dinput"> <tr> <td class="section" colspan="4"> <hr /> <h4 class="inline">Publishing Request</h4> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Number of Copies:</label></td> <td> <input id="" type="text" class="fsmall" /> </td> <td align="right"><label for=""><font class="mandatory">*</font></label><label for="check1">Has PC Clearance been obtained <input type="checkbox" id="check1" value="" /></label> <font class="mandatory">*</font> Date </td> <td><input id="" type="text" class="fsmall" /> YYYY-MM-DD </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Desired Deadline:</label></td> <td> <input id="" type="text" class="fsmall" /> YYYY-MM-DD </td> <td align="right"><label for=""><font class="mandatory">*</font> PC Number:</label></td> <td> <input id="" type="text" class="fsmall" /> </td> </tr> <tr> <td align="right"><label for=""><font class="mandatory">*</font> Absolute Deadline:</label></td> <td> <input id="" type="text" class="fsmall" /> YYYY-MM-DD </td> <td align="right"><label for=""><font class="mandatory">*</font> File folder location info:</label></td> <td> <input id="" type="text" class="fmedium" /> </td> </tr> <tr> <td align="right"></td> <td colspan="2"> Instructions<br /><textarea id="" name="" rows="10" cols="23" class="flarge"></textarea></td><td><label for="">Select File to publish</label><br /> <input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /> [<a href="#">Add more files</a>] [<a href="#">Add Folder</a>] </td> </tr> </table> </div> <div id="tcontent5" class="tabcontent"> <table cellpadding="0" cellspacing="0" border="0" class="dinput"> <tr> <td align="right"></td> <td>Send originals to: <input id="" type="text" class="fmedium" /><br /> Send Coppies to: <input id="" type="text" class="fmedium" /><br /> Mailing list codes: <input id="" type="text" class="fmedium" /><br /> <input type="checkbox" id="check1" value="checked" /> Include Standsard distributions<br /> <input type="checkbox" id="check1" value="" /> Hold on distribution<br /><label for="">Distribution instructions:</label><br /> <textarea id="" name="" rows="5" cols="10" class="flarge"></textarea> </td> <td align="right" colspan="2"></td> </tr> <tr> <td align="left" colspan="4"> </td> </tr></table> </div> </div> <script type="text/javascript"> initializetabcontent("maintab", "maintab2") </script> </div></div> </div></div> <!-- /Content --> <!-- Bottombar --> <div class="bottombar"><div><div><div> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="right"><input type="submit" class="strong" value="Save" /> <input type="button" class="light" value="Cancel" /></td> </tr> </table> </div></div></div></div> <!-- /Bottombar --> </div> <!-- /Ibox --> </div></div> <!-- /Ibox Parameters --> </form> <!-- *************************************************** END CONTENT AREA MAIN COLUMN *************************************************** --> </div></div> <!-- /Offset and IE fix --> <!-- IE fix --> <div class="clear"></div> <!-- /IE fix --> </div> <!-- /Main Column --> <!-- Mozilla fix --> <div class="clear"></div> <!-- /Mozilla fix --> </div> <!-- /Ibody --> </div> <!-- /Body --> <!-- Netscape 4 fix --> <div id="ns4fix" class="hide"></div> <!-- /Netscpae 4 fix --> <!-- Footer --> <div id="footer"> <!-- Offset and IE fix --> <div class="offset"><div class="ie5fix"> Copyright International Atomic Energy Agency, P.O. Box 100, Wagramer Strasse 5, A-1400 Vienna, Austria<br /> Telephone (+431) 2600-0; Facsimilie (+431) 2600-7; E-mail: <a href="mailto:FAN@iaea.org">FAN@iaea.org</a> </div></div> <!-- /Offset and IE fix --> </div> <!-- /Footer --> </div> <!-- /Template Mode --> </div> <!-- /Canvas --> </body> </html> Code (markup): anyone know what I am missing?