testo a scomparsa e/o a tendina

[pazzo96]

Ciao ragazzi.

Guardando un po sul questo forum ho trovato questo script che però risale al 2007.
Questo script e un specie di Menu con sotto voci.
Quindi quando si clicca sulla voce vedere Testo 1 ti compare il testo nascosto, poi pero per farlo nascondere bisogna cliccare nuovamente su vedere testo 1 per fare scomparire il testo.

Vedere Testo 1
Vedere Testo 2

Tutto funziona perfettamente.
Adesso però vorrei apportare una modifica ma non so come fare.
Vi spiego cosa vorrei fare.

Quando premo su Vedere Testo 1 compare la scritta nascosta, bene però quello che voglio io e di farla scomparire quando poi premo su Vedere Testo 2.

Qualcuno di voi sa come fare?
Grazie mille in anticipo.

Questo e lo script:

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

Vedere Testo 1
 
<div style="display:none" id="testo1">Testo 1</div> 

Vedere Testo 2
 
<div style="display:none" id="testo2">Testo 2</div>

[MItaly]

JavaScript viene trattato in una sezione apposita, dove ti sposto. Ti ricordo comunque che il codice va postato tra tag [CODE] ... [/CODE], altrimenti perde l'indentazione (qui ho corretto io).

[pazzo96]

Grazie è chiedo scusa. Purtroppo non sono tanto pratico.

[lucavizzi]

<script type="text/javascript" language="javascript"> 
var visible=false;
function mostra(id){ 
   if(visible){
      visible.style.display='none';
   }
   if (document.getElementById){ 
      if(document.getElementById(id).style.display == 'none'){ 
         document.getElementById(id).style.display = 'block'; 
          visible=document.getElementById(id);
      }else{ 
         document.getElementById(id).style.display = 'none';
         visible=false;
      } 
   } 
} 
</script> 

Vedere Testo 1
 
<div style="display:none" id="testo1">Testo 1</div> 

Vedere Testo 2
 
<div style="display:none" id="testo2">Testo 2</div>

[pazzo96]

Grandioso grazie lucavizzi era proprio ciò che mi serviva.
Ho dato un occhiata anche al link che hai postato e se non erro te sei un programmatore.?.
Se cosi fosse passami un tuo contatto che avrei qualche domanda da farti.
Grazie mille per la risposta.

[rinaldi]

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

$('#'+id).slideUp("slow");

 $('#'+id).slideDown("slow");

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type="text/javascript" language="javascript"> 
var visible=false;
function mostra(id){ 
   if(visible){
      visible.style.display='none';
   }
   if (document.getElementById){ 
      if(document.getElementById(id).style.display == 'none')
	  { 
	  
	     $('#'+id).slideDown("slow"); 
       // document.getElementById(id).style.display = 'block'; 
          //visible=document.getElementById(id);
		  
      }
	  else
	  { 
	     $('#'+id).slideUp("slow"); 
        // document.getElementById(id).style.display = 'none';
        // visible=false;
      } 
   } 
} 
</script>