javascript per aprire un div - miglioramenti codice

[collins]

uso questo javascript per aprire dei livelli (div) da link, con un click APRO con un secondo click CHIUDO

javascipt

<script language="javascript" type="text/javascript">
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script> 

comando da link

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pippo">TESTO TESTO TESTO


[url="#"]chiudi[/url]</p>
</div>


[url="#"]apri il div[/url]</p>

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pluto">TESTO TESTO TESTO


[url="#1"]chiudi[/url]</p>
</div>


[url="#1"]apri il div[/url]</p> 

come potrete notare il mio problema è che se non chiudo i div aperti questi mi si sovrappongono. Io vorrei modificare tale funzione affinchè all'apertura del DIV da un'altro link quello o quelli precedentemente aperti si chiudessero.

spero di essere stato chiaro

[hcka]

Forse non ho capito:

Te vorresti che all'"apertura" del div "pluto" venga nascosto anche "pippo"?

[collins]

Originariamente inviato da hcka
Forse non ho capito:

Te vorresti che all'"apertura" del div "pluto" venga nascosto anche "pippo"?

si esatto.
o meglio vorrei che per esempio all'apertutra di "PLUTO" venga nascosto "pippo" o qualsiasi altro div aperto visto che considero di inserirne diversi in una pagina

[hcka]

Modifichi la funzione javascript così:

function showhide(){
  for (i = 0; i < arguments.length; i++)
  {
    if (document.getElementById)
    {
      obj = document.getElementById(id);
      if (obj.style.display == "none")
      {
        obj.style.display = "";
      }
      else
      {
      obj.style.display = "none";
      }
    }
  }
}

E la chiami così:

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pippo">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pluto">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

Ossia: quando la funzione deve chiudere come parametro dai solamente l'id del div corrispondente, quando deve aprire scrivi la lista di tutti i div...

Esempio:

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pippo">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pluto">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="paperino">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>