sichtbar / unsichtbar

[Herbert1204]

Hallo
Ich habe eine Seite mit einem Skripts erstellt. Mit dem Script kann man zwei Teile einer Seite wechselweise anzeigen bzw. verstecken.

Beim Script für das wechselweise Anzeigen waren zuerst die Werte auf das Script abgestimmt und es funktionierte alles. Weil ich aber beiden Button den gleichen Wert geben will, habe ich es mit einem id-Wert probiert. Jetzt funktioniert gar nichts mehr.

Ich habe schon versucht es selbst umzuschreiben, aber ich stoße dabei einfach an meine Grenzen.

Hier das Script

<script>
function showIt(t) {
     v = t.value;
        if(v == 'vt') {
         document.getElementById('opt_vt').style.display = 'block';
         document.getElementById('opt_nt').style.display = 'none';
        }
        else {
         document.getElementById('opt_vt').style.display = 'none';
         document.getElementById('opt_nt').style.display = 'block';
        }

}
</script>

<table cellspacing="0" width="500" bordercolordark="white" bordercolorlight="black">
    <tr>
        <td align="left" valign="top">
<input type="submit" name="tage" value="Deutschland" onClick="showIt(this)">

</td>
    </tr>
    <tr>
        <td align="left" valign="top" height="30">
        <input type="submit" name="tage" value="Deutschland" onClick="showIt(this)">

</td>
    </tr>
    <tr>
        <td align="left" valign="top">

<p class="unteroption" id="opt\_vt" style="display:none;">  

<font face="Arial"><span style="font-size:11pt;">Bayern</span></font>

<p class="unteroption" id="opt_nt" style="display:none;">
        <font face="Arial"><span style="font-size:11pt;">Niedersachsen</span></font>

</td>
    </tr>
</table>