Toggle table visability via a link (Joomla cms)

[craptakular]

So what I'm trying to do is have "table1" always visible, with "table1_moreinfo"
being hidden until a link/image is clicked on from within "table1".

From my afternoon of googling I think I may need to use Javascript, but I'm totally stupmed on how to do that.

This website making is fairly new to me so please help me if you can and treat me like an idiot.

<table id="table1;" style="width: 100%;" border="1">
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table id="table1_moreinfo;" style="width: 100%;" border="1">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>

 

[craptakular]

will test it tommorrow on my website.

Tried it just now by creating a .html file in notbad and opening it in opera, but it didn't work.

Probably me being dumb

 

[craptakular]

ah thats fantastic!

If you would be so kind and leave the test site up incase I get stuck, just for a couple of days!