I am using this javascript tab-menu: http://phrogz.net/js/tabtastic/index.html
I have nested another tab-menu inside one of the tabs in the "main" tab-menu,
so that I have two tab-menus (one inside another).

The problem is that when I am tryig to include external .html pages to the inner tab I am able to only view one included html page at a time.

The rest of the included .html pages are not visible.
This is the inner-tab code, only the <a href="../page/P1.html"></div>
page will show. Not the rest of the included html pages.

Why does this happend?
And how can I have all the html pages to show inside the tab-menu?

<ul class="tabset_tabs">
   <li><a href="#tab0">Intro</a></li>
   <li><a href="#tab1">1</a></li>
   <li><a href="#tab2">2</a></li>
   <li><a href="#tab3">3</a></li>
   <li><a href="#tab4">4</a></li>
   <li><a href="#tab5">5</a></li>
   <li><a href="#tab6">6</a></li>
   <li><a href="#tab7">7</a></li>
   <li><a href="#tab8">8</a></li>


<div id="tab0" class="tabset_content_inner">

<div id="tab1" class="tabset_content_inner">
<a href="../page/P1.html"></div>

<div id="tab2" class="tabset_content_inner">
<a href="../page/P2.html"></div>

<div id="tab3" class="tabset_content_inner">
<a href="../page/P3.html"></div>

<div id="tab4" class="tabset_content_inner">
<a href="../page/P4.html"></div>

<div id="tab5" class="tabset_content_inner">
<a href="../page/P5.html"></div>

<div id="tab6" class="tabset_content_inner">
<a href="../page/P6.html"></div>