tabs_in_tabs.php
Quell Code
<h2>Horizontal Tab with (Nested Tabs) </h2> <br/> <div id="parentHorizontalTab"> <ul class="resp-tabs-list hor_1"> <li>Horizontal 1</li> <li>Horizontal 2</li> <li>Horizontal 3</li> <li>Horizontal 4</li> <li>Horizontal 5</li> <li>Horizontal 6</li> </ul> <div class="resp-tabs-container hor_1"> <div> <div id="ChildVerticalTab_1"> <ul class="resp-tabs-list ver_1"> <li>vertical 1 horizon 1</li> <li>vertical 2 horizon 1</li> <li>vertical 3 horizon 1</li> <li>vertical 4 horizon 1</li> <li>vertical 5 horizon 1</li> <li>vertical 6 horizon 1</li> <li>vertical 7 horizon 1</li> </ul> <div class="resp-tabs-container ver_1"> <div><p>vertical 1 horizon 1 inhalt</p></div> <div><p>vertical 2 horizon 1 inhalt </p></div> <div><p>vertical 3 horizon 1 inhalt</p></div> <div><p>vertical 4 horizon 1 inhalt </p></div> <div><p>vertical 5 horizon 1 inhalt</p></div> <div><p>vertical 6 horizon 1 inhalt</p></div> <div><p>vertical 7 horizon 1 inhalt</p></div> </div> </div> </div> </div> <div class="resp-tabs-container hor_1"> <div> <div id="ChildVerticalTab_2"> <ul class="resp-tabs-list ver_2"> <li>vertical 1 horizon 2 </li> <li>vertical 2 horizon 2</li> <li>vertical 3 horizon 2</li> <li>vertical 4 horizon 2</li> <li>vertical 5 horizon 2</li> <li>vertical 6 horizon 2</li> <li>vertical 7 horizon 2</li> </ul> <div class="resp-tabs-container ver_2"> <div><p>vertical 1 horizon 2 inhalt</p></div> <div><p>vertical 2 horizon 2 inhalt</p></div> <div><p>vertical 3 horizon 2 inhalt</p></div> <div><p>vertical 4 horizon 2 inhalt</p></div> <div><p>vertical 5 horizon 2 inhalt</p></div> <div><p>vertical 6 horizon 2 inhalt</p></div> <div><p>vertical 7 horizon 2 inhalt</p></div> </div> </div> </div> </div> <div class="resp-tabs-container hor_1"> <div> <div id="ChildVerticalTab_3"> <ul class="resp-tabs-list ver_3"> <li>vertical 1 horizon 3 inhalt</li> <li>vertical 2 horizon 3 inhalt</li> <li>vertical 3 horizon 3 inhalt</li> <li>vertical 4 horizon 3 inhalt</li> <li>vertical 5 horizon 3 inhalt</li> <li>vertical 6 horizon 3 inhalt</li> <li>vertical 7 horizon 3 inhalt</li> </ul> <div class="resp-tabs-container ver_3"> <div><p>vertical 1 horizon 3 inhalt</p></div> <div><p>vertical 2 horizon 3 inhalt</p></div> <div><p>vertical 3 horizon 3 inhalt</p></div> <div><p>vertical 4 horizon 3 inhalt</p></div> <div><p>vertical 5 horizon 3 inhalt</p></div> <div><p>vertical 6 horizon 3 inhalt</p></div> <div><p>vertical 7 horizon 3 inhalt</p></div> </div> </div> </div> </div> <div class="resp-tabs-container hor_1"> <div> <div id="ChildVerticalTab_4"> <ul class="resp-tabs-list ver_4"> <li>vertical 1 horizon 4 </li> <li>vertical 2 horizon 4 </li> <li>vertical 3 horizon 4</li> <li>vertical 4 horizon 4</li> <li>vertical 5 horizon 4</li> <li>vertical 6 horizon 4</li> <li>vertical 7 horizon 4</li> </ul> <div class="resp-tabs-container ver_4"> <div><p>vertical 1 horizon 4 inhalt</p></div> <div><p>vertical 2 horizon 4 inhalt</p></div> <div><p>vertical 3 horizon 4 inhalt</p></div> <div><p>vertical 4 horizon 4 inhalt</p></div> <div><p>vertical 5 horizon 4 inhalt</p></div> <div><p>vertical 6 horizon 4 inhalt</p></div> <div><p>vertical 7 horizon 4 inhalt</p></div> </div> </div> </div> </div> <div class="resp-tabs-container hor_1"> <div> <div id="ChildVerticalTab_5"> <ul class="resp-tabs-list ver_5"> <li>vertical 1 horizon 5</li> <li>vertical 2 horizon 5</li> <li>vertical 3 horizon 5</li> <li>vertical 4 horizon 5</li> <li>vertical 5 horizon 5</li> <li>vertical 6 horizon 5</li> <li>vertical 7 horizon 5</li> </ul> <div class="resp-tabs-container ver_5"> <div><p>vertical 1 horizon 5 inhalt</p></div> <div><p>vertical 2 horizon 5 inhalt</p></div> <div><p>vertical 3 horizon 5 inhalt</p></div> <div><p>vertical 4 horizon 5 inhalt</p></div> <div><p>vertical 5 horizon 5 inhalt</p></div> <div><p>vertical 6 horizon 5 inhalt</p></div> <div><p>vertical 7 horizon 5 inhalt</p></div> </div> </div> </div> </div> <div class="resp-tabs-container hor_1"> <div> <div id="ChildVerticalTab_6"> <ul class="resp-tabs-list ver_6"> <li>vertical 1 horizon 6</li> <li>vertical 2 horizon 6</li> <li>vertical 3 horizon 6</li> <li>vertical 4 horizon 6</li> <li>vertical 5 horizon 6</li> <li>vertical 6 horizon 6</li> <li>vertical 7 horizon 6</li> </ul> <div class="resp-tabs-container ver_6"> <div><p>vertical 1 horizon 6 inhalt</p></div> <div><p>vertical 2 horizon 6 inhalt</p></div> <div><p>vertical 3 horizon 6 inhalt</p></div> <div><p>vertical 4 horizon 6 inhalt</p></div> <div><p>vertical 5 horizon 6 inhalt</p></div> <div><p>vertical 6 horizon 6 inhalt</p></div> <div><p>vertical 7 horizon 6 inhalt</p></div> </div> </div> </div> </div> </div>
Comments