javascript - Collapse or expand multiple tables at the same time -

i have following code sample html file.

<table border=0>     <tr class="rowtoclick"><td>click here 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 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 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> 

now have text such collapse/expand work @ same time of tables. know how can 1 table using javascript know how tables.

may ask if knows how it?

update:

here code collapsing/expanding 1 table:

/*jscript*/ function showhide(obj){     var tbody = obj.parentnode.parentnode.parentnode.getelementsbytagname("tbody")[0];     var old = tbody.style.display;     tbody.style.display = (old == "none"?"":"none"); }