[Help] Visualizza e nascondi DIV

[fabrifibra]

Salve,

premetto che NON SO NIENTE di javascript, quindi adeguatevi con le risposte

Ho provato a creare un applicazione che in base a dei click su dei pulsanti fa visualizzare o nasconde determinati campi DIV

Questo è il codice con l'errore, molto probabilmente per voi è evidentissimo, ma per me, inesperto, non lo è

<style type="text/css">
div#commenti{display:none}
div#eseguito{display:none}
</style>
<script type="text/javascript">
function ShowAndHide(id1){
if(document.getElementById){
    el1=document.getElementById(id1);
    if(el1=="mostra"){
        mostra.style.display="block";
        commenti.style.display="none";
        eseguito.style.display="none";
        }
    else if(el1=="commenti"){
        mostra.style.display="none";
        commenti.style.display="block";
        eseguito.style.display="none";
        }
    else if(el1=="eseguito"){
        mostra.style.display="none";
        commenti.style.display="none";
        eseguito.style.display="block";
        }
    }
}
</script> 

i vari tasti "input" hanno come valore onClick

onClick="ShowAndHide('commenti') 

..."commenti" in altri tasti è "mostra" e "eseguito"

alla pressione del bottone con onClick "commenti" il DIV con id uguale a commenti deve essere visualizzato (block) mentre gli altri 2 vanno nascosti (none), stessa cosa quando vengono premuti gli altri bottoni...

Io mi sono arrangiato e ho creato quel codice...ma non funziona

...quindi mi affido a voi

[dreadnaut]

quasi devi confontare stringhe con stringhe (i nomi degli elementi), e devi riempire le tre variabili con riferimenti agli elementi corretti.

<script type="text/javascript">
function ShowAndHide(id1){
if(document.getElementById){
    var mostra = document.getElementById('mostra');
    var commenti = document.getElementById('commenti');
    var eseguito = document.getElementById('eseguito');
    if(id1=="mostra"){
        mostra.style.display="block";
        commenti.style.display="none";
        eseguito.style.display="none";
        }
    else if(id1=="commenti"){
        mostra.style.display="none";
        commenti.style.display="block";
        eseguito.style.display="none";
        }
    else if(id1=="eseguito"){
        mostra.style.display="none";
        commenti.style.display="none";
        eseguito.style.display="block";
        }
    }
}
</script> 

[fabrifibra]

quasi devi confontare stringhe con stringhe (i nomi degli elementi), e devi riempire le tre variabili con riferimenti agli elementi corretti.

tiamo (funziona )