vis / skjul tabel i samme (d)html-dok

<script language='javascript'>
function visTabel(tabellen) {
if (document.getElementById("tabel"+tabellen).style.display=='block') {
        document.getElementById(("tabel"+tabellen).style.display='none'

} else {

    document.getElementById("tabel"+tabellen).style.display='block'
    }
}
</script>

<table id="tabel1">din tabel</table>

<table id="tabel2">din tabel</table>

og det skal lige være <table id="tabel1" style="Display: none;">
For at den er skjult til at starte med
og så dine links

<a href="java script:void(null)" onClick="visTabel(1)">Vis tabel 1</a>
<a href="java script:void(null)" onClick="visTabel(2)">Vis tabel 2</a>

Tak for det hurtige svar - men det virker ikke...

Jeg er ikke sikker på, at jeg forstår "java script:void(null)"...

Er der sneget sig en lille fejl ind - måske

<script language='javascript'>
function visTabel(tabellen) {
if (document.getElementById("tabel"+tabellen).style.display=='block') {
        document.getElementById("tabel"+tabellen).style.display='none'

} else {

    document.getElementById("tabel"+tabellen).style.display='block'
    }
}
</script>

 

<a href="java script:void(null)" onClick="visTabel(1)">Vis tabel 1</a>
<a href="java script:void(null)" onClick="visTabel(2)">Vis tabel 2</a>

<table border="1" width="100%" id="tabel1" style="Display: none;">
  <tr>
    <td width="25%">tabel1</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<table border="1" width="100%" id="tabel2" style="Display: none;">
  <tr>
    <td width="25%">tabel2</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

Så er den testet, der havde lige sneget sig en ( for meget ind

Ja, det virker... Tabellerne kommer frem som de skal - men de bliver ved med at være der når jeg klikker videre på næste tabel...

Altså - når tabel 1 er vist og man klikker på tabel 2-linket, skal tabel 1 skjules og tabel 2 vises...

function visTabel(tabellen) {
for (i=1;i<=5;i++) {
  document.getElementById("tabel"+i).style.display='none'
}

tilføj ovenstående i din funktion som vist

Den kræver der er tabel1, tabel2, tabel3, tabel4, tabel5!
og så skjuler den dem.
Dernæst viser den den rigtige