hide/show div

[Hedo]

Ciao a tutti, cercando sulal rete ho trovato uno script ottimo per gestire i show/hide dei div ai click.

<script language="javascript">
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
       document.layers[szDivID].visibility = iState ? "show" : "hide";
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
    }
}
</SCRIPT>

Problema ora vorrei fare una impaginazione corretta ovvero:
una tabella (o div) esterno di colore rosso... alto che ne so 20px.
Non appena schiaccio su show mi appare il secondo div all'interno del primo; però vorrei che il div esterno (quello rosso) si autoridimensionasse in altezza a seconda che sia visibile o no il 2^ div.

Non so se qualcuno di voi gia usa l'interfaccia di GMAIL.COm ma lìeffetto che mi servirebbe sarebeb come quello della ricerca... se schiacico ricerca mi apapre in header la tabella .. E TUTTO SOTTO SI ABBASSA DI CONSEGUENZA.

<div id="box" style="background-color:#FF9933">
show | hide
	<div id="sotto" style="z-index:99; background-color: #CC6666; layer-background-color: #CC6666; border: 1px none #000000; visibility: hidden;">
	   

dcudgvycwqucgwqoucvy</p>
	   

wodcihwqoicpuhqw</p>
	   

</p>
	   

qwepcihwq   </p>
	</div>
</div>

SAPETE AIUTARMI?

ringrazio

[Hedo]

up :/

[Hedo]

up :mavieni:

[Francis87]

stamattina mi sono fatto questa funzione, non so se può andarti bene:

 <script language="JavaScript" type="text/javascript">
  function switchvis(objid) {
   var elemento = document.getElementById(objid);
   if (elemento.style.display == 'none') {
    elemento.style.display = 'block';
   }
   else {
    elemento.style.display = 'none'
   }
  }
 </script>

link 1

<div id="del" style="display: none;">
 QUALCOSA
</div>
link 2

<div id="add" style="display: none;">
 QUALCOS'ALTRO
</div>