[alex_89]

Если сунуть в родительский, то будут скрываться все элементы, а мне нужно чтобы если надо скрыть 1 элемент то 1 клик, если 2 элемент то клик на другой ссылке.И при этом у меня после нажатия на ссылке "показать" меня перекидывает в верх страницы, а форма у меня в центре страницы.
Полный код скрипта и html:

<form>
        <table  width="480px;" class="t" align="center" border="0" cellpadding="4" cellspacing="0">
          <tbody>
            <tr>
	            <td class="head_kabinet">Редактировать профиль:</td>
            </tr>
			<tr>
			     <td class="head_kabinet2">Редактировать Аватар:
				 <a style="float:right; margin-top:-12px;" href="#" id="hide_kabinet">скрыть </a></td>
            </tr>
			
            <tr id="kabinet" >
                <td>
                       
                      
             
			              <div class="t_text2"> <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

                           
						                 
       <fieldset class="kabinet_form">
			  
						<div>Изменить аватар(не обязательно):</div>
						<div><input type="file"  size="30"  /></div>
		</fieldset>
                           </div>

				 </td>
			</tr>
			<tr>
			     <td class="head_kabinet2">Редактировать ФИО:
				  <a  style="float:right;"href="#" id="hide_kabinet"> скрыть</a>
				 </td>
            </tr>
			
            <tr id="kabinet">
                <td>
                       
                      
             
			              <div class="t_text2"> <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

                           
						                 
       <fieldset class="kabinet_form">
			  
						<div>Изменить ФИО(не обязательно):</div>
						<div><input type="text"  size="60"  /></div>
		</fieldset>
                           </div>

				 </td>
			</tr>	
			<tr>
			     <td class="head_kabinet2">Редактировать телефон:</td>
            </tr>
			
            <tr>
                <td>
                       
                      
             
			              <div class="t_text2"> <!--  СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->

                           
						                 
       <fieldset class="kabinet_form">
			  
						<div>Изменить телефон(не обязательно):</div>
						<div><input type="text"  size="60"  /></div>
		</fieldset>
                           </div>

				 </td>
			</tr>	      			
                         	 
	    
	<tr>	 
		 <td>
	      <div style="margin:5px" align="center">
			<input type="submit" class="kabinet_button"  value="Сохранить">
			<input type="reset"  class="kabinet_button2" value="Сброс" >
		  </div>
       </td>
    </tr>
 
         </tbody>
      </table>
  </form>

внизу скрипт после кода вверху

<script text="JavaScript"> 
 
 function showKabinetWindow() 
 {
  document.getElementById("kabinet").style.display="block"; 
  var hs=document.getElementById("hide_kabinet");
  hs.innerHTML='скрыть';
  hs.onclick=hideKabinetWindow;
 }
 function hideKabinetWindow() 
 {
   document.getElementById("kabinet").style.display="none";
    var hs=document.getElementById("hide_kabinet");
   hs.innerHTML='показать';
   hs.onclick=showKabinetWindow;
   hs.style.display="block";
   };
 
   
   document.getElementById("hide_kabinet").onclick= function() {hideKabinetWindow(); return false};
  



  

 </script>