QA: how do i make an html table with links to another html table but in the same web page?

How Do I Make An Html Table With Links To Another Html Table But In The Same Web Page?

i suck at explaining things but.. i have this table and i want it to have a thing that says like "music" and then u can click on it and in the same spot it has another table with a list of songs that u can click on too. but keep it all on the same web page.

<table>
<tr>
<td>
<a href="#music">Music</a> <-- Use #Name to reference link
</td>
</tr>
<tr>
<td>
<a href="#music">Music</a>
</td>
</tr>
<tr>
<td>
<a href="#music">Music</a>
</td>
</tr>
<tr>
<td>
<a href="#music">Music</a>
</td>
</tr>
<tr>
<td>
<a href="#music">Music</a>
</td>
</tr>
</table>

<table id="music"> <-- In list table, make ID same as # href.
<tr>
<td>
First Song
</td>
</tr>
<tr>
<td>
Second Song
</td>
</tr>
<tr>
<td>
Third Song
</td>
</tr>
<tr>
<td>
Fourth Song
</td>
</tr>
<tr>
<td>
Fifth Song
</td>
</tr>
<tr>
<td>
Sixth Song
</td>
</tr>
</table>

Hope this helps!

too bad people don't read the question before answering it. :(

this is called using anchors

<table>
<tr>
<td>
<a href="#jump">
Jump Down</a>
</td>
</tr>
</table>

<table>
<tr>
<td>
<a name="jump"></a> it will stop here
</td>
</tr>
</table>

use the <iframe> tag