同时折叠或展开多个表

Question

我将以下代码作为示例HTML文件。

<table border=0>
    <tr class="RowToClick"><td>Click Here to Toggle Dataset 1</td></tr>
    <tr><td>Data Row 1 Goes Here...</td></tr>
    <tr><td>Data Row 2 Goes Here...</td></tr>
    <tr><td>Data Row 3 Goes Here...</td></tr>
    <tr><td>Data Row 4 Goes Here...</td></tr>
    <tr><td>Data Row 5 Goes Here...</td></tr>
</table>

<table border=0>
    <tr class="RowToClick"><td>Click Here to Toggle Dataset 2</td></tr>
    <tr><td>Data Row 1 Goes Here...</td></tr>
    <tr><td>Data Row 2 Goes Here...</td></tr>
    <tr><td>Data Row 3 Goes Here...</td></tr>
    <tr><td>Data Row 4 Goes Here...</td></tr>
    <tr><td>Data Row 5 Goes Here...</td></tr>
</table>

<table border=0>  
    <tr class="RowToClick"><td>Click Here to Toggle Dataset 3</td></tr>
    <tr><td>Data Row 1 Goes Here...</td></tr>
    <tr><td>Data Row 2 Goes Here...</td></tr>
    <tr><td>Data Row 3 Goes Here...</td></tr>
    <tr><td>Data Row 4 Goes Here...</td></tr>
    <tr><td>Data Row 5 Goes Here...</td></tr>
</table>

现在我希望有一个文本，例如Collapse / expand All，可以同时为所有表格完成工作。我知道我怎么能只使用JavaScript的一个表，但知道如何为所有表做。

请问是否有人知道怎么做？

更新

以下是折叠/展开一个表格的代码：

/*Jscript*/
function ShowHide(obj){
    var tbody = obj.parentNode.parentNode.parentNode.getElementsByTagName("tbody")[0];
    var old = tbody.style.display;
    tbody.style.display = (old == "none"?"":"none");
}