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>