Nested Tabs!!!!
Nested Tabs!!!!
I have a nested tab scenario
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
</ul>
<div id="tabs-1">
<div id="childtabs">
<ul>
<li><a href="#tabs-1-1">Child Tab1</a></li>
<li><a href="#tabs-1-2">Child Tab2</a></li>
</ul>
<div id="tabs-1-1">content</div>
<div id="tabs-1-2">content2</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#tabs').tabs();
$('#childtabs').tabs();
});
</script>
When clicking on tabs-1-2 the content2 doesn't show up.