[Web2.0] Chiudere i DIV con display block

Massimiliano Marini max a linuxtime.it
Mar 12 Dic 2006 18:11:40 CET


Capisco che il subject è criptico, mi spiego meglio

ho un menu a tabs, quando carico la pagina index.htm tutti i DIV
sono settati con : style="display: none"

<div id="pippo" style="display: none">
<div id="pluto" style="display: none">

con questo JS visualizzo e chiudo il DIV su cui clicco :

<script>
   function show(ele) 
   {
      var srcElement = document.getElementById(ele);
      if(srcElement != null)
      {
         if(srcElement.style.display == "block")
         {
	    srcElement.style.display='none';
         }else{
            srcElement.style.display='block';
	 }
	 return false;
      }
   }
</script>

dall'html lo richiamo così :
<a href="#" onclick="show('pippo'); return(false);">Visualizza Pippo</a>
<a href="#" onclick="show('pluto'); return(false);">Visualizza Pluto</a>

Morale della favola, quello che vorrei ottenere è che se clicco su un "DIV"
in automatico si chiudono gli altri "DIV" e rimane attivo solo quello su cui ho 
appena cliccato ... si può ottenere ciò?

--
Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/
"It's easier to invent the future than to predict it."  -- Alan Kay


Maggiori informazioni sulla lista Web2.0