Righe Tabella - nascondere e visualizzarle

[NNGNews]

script in head:

<script type="text/javascript">
function mostra() {
document.getElementById("ShowNews2").style.display = "block";
document.getElementById("ShowNews3").style.display = "block";
document.getElementById("MoreNews").style.display = "none";
document.getElementById("LessNews").style.display = "block";
};
function nascondi() {
document.getElementById("ShowNews2").style.display = "none";
document.getElementById("ShowNews3").style.display = "none";
document.getElementById("MoreNews").style.display = "block";
document.getElementById("LessNews").style.display = "none";
};
</script>

html

<table>


<tr id="ShowNews2">
    <td valign="top"><h2>aaaaaaaaaaaaa</h2></td>
    <td valign="top">....</td>
    <td valign="top">....</td>
</tr>




<tr id="ShowNews3">
    <td valign="top"><h2>bbbbbbbbbbbbbb</h2></td>
    <td valign="top">....</td>
    <td valign="top">....</td>
</tr>


<tr>
    <td></td>
    <td></td>
    <td>
        <button type="submit" id="MoreNews" name="MoreNews" style="display:none" onclick="mostra()" >SHOW MORE NEWS</button>
        <button type="submit" id="LessNews" name="LessNews" onclick="nascondi()">SHOW LESS NEWS</button>
    </td>
</tr>


</table>

Ok, sì è quello che ho anch'io ma non funziona, nel senso che una volta (ri)cliccato il tasto MORE NEWS il testo della 2^ e 3^ riga viene messo tutto nella 1^ colonna deformando la tabella