Vis/Skjul med flere tabeller

Jeg har dette script som virker helt fint, men når jeg trykker på "TRYK HER" så bliver der kun vist en tabel som indeholder id="blabla", når jeg har flere tabeller som indeholder id="blabla".

Hvordan gør jeg så alle tabellerne som indeholder id="blabla" bliver vist?


<table onclick="java script:ShowHide('blabla');"" style="cursor: hand;">
<tr>
    <td>TRYK HER</td>
</tr>
</table>

<table style="display: none;" id="blabla">
<tr>
    <td>VIS 1</td>
</tr>
</table>

<table style="display: none;" id="blabla">
<tr>
    <td>VIS 2</td>
</tr>
</table>



<script language="javascript">
function ShowHide(str)
{
    if ( document.getElementById(str).style.display == 'none' )
    {
        document.getElementById(str).style.display = '';
       
    } else {
       
        document.getElementById(str).style.display = 'none';
    }
}
</script>