Nesting Ajax Tabs

[madristaa]

Hello friends,

I have a created a nested tabs inside a tab. But I am having problem in the 2nd parent tab which is New proposal. Whenever i click on the child tabs(New Proposal) in the 2nd parent tab it opens up without inside the tab. I dont know how to do it. I hope u can help me out in this...Thanks in advance

http://www.dynamicdrive.com/dynamici...uppliment2.htm


<ul id="countrytabs" class="shadetabs">
<li><a href="request_tab.php" rel="countrycontainer">University Proposal</a></li>
<li><a href="proposal_tab.php" rel="countrycontainer">New Proposal</a></li>
<li><a href="application.php" rel="countrycontainer">Application</a></li>
</ul>
<div id="countrydivcontainer" style="border:1px solid gray; width:1090px; margin-bottom: 1em; padding: 10px">
<p>You dont have the access</p>
</div>
</td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td align="right" valign="top">
</td>
<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

countries.onajaxpageload=function(pageurl)
{
if (pageurl.indexOf("request_tab.php")!=-1)
{
provinces=new ddajaxtabs("provincetabs", "provincedivcontainer")
provinces.setpersist(true)
provinces.setselectedClassTarget("link") //"link" or "linkparent"
provinces.init()
}

elseif (pageurl.indexOf("proposal_tab.php")!=-1)
{
provinces=new ddajaxtabs("provincetabs", "provincedivcontainer")
provinces.setpersist(true)
provinces.setselectedClassTarget("linkparent") //"link" or "linkparent"
provinces.init()
}

}
</script>


[madristaa]

problem solved..thanks for the wonderful scripts and forums.....