Создание вложенного слоя с таблицей

[Adamant]

Уважаемые знатоки! Прошу помощи (советом или кодом) начинающему в JavaScripte,
который изучаю по самоучителю, но решения не нашел ( в инете тоже ) ?!
Есть 2 таблички например :

<table style='background: yellow'> 
  <tr> 
    <td> 
      <form  action='1.php' method='post'> 
        <input name='text' type='text'> 
        <input type='submit' value='send'> 
      </form> 
    </td> 
  </tr> 
</table> 

<table style='background: green'> 
  <tr> 
    <td> 
      <form  action='1.php' method='post'> 
        <input name='text_1' type='text'> 
        <input type='submit' value='send'> 
      </form> 
    </td> 
  </tr> 
</table>

Как одну табличку спрятать под другую, чтобы сверху был ярлычек (закладка) для навигации между табличками.
С уважением Вячеслав.

[SkyM@n]

Было уже
http://programmersforum.ru/showthread.php?t=9641

[Adamant]

<script type="text/javascript">
 function view(show) {
   var hide = (show == 1)?'2':'1';
  
   document.getElementById('table'+hide).style.display = 'none';
   document.getElementById('table'+show).style.display = 'block';
 }
 </script>
  
 <span onclick="view(1);">Один</span><span onclick="view(2);">Два</span>
  
 <div id="table1">
     <table style="background: yellow">
       <tr>
         <td>
           <form  action='1.php' method='post'>
             <input name='text' type='text'>
             <input type='submit' value='send'>
           </form>
         </td>
       </tr>
     </table>
 </div>
  
 <div id="table2" style="display: none">
     <table style="background: green;">
       <tr>
         <td>
           <form  action='1.php' method='post'>
             <input name='text_1' type='text'>
             <input type='submit' value='send'>
           </form>
         </td>
       </tr>
     </table>
 </div>