toggle tables

Does anybody know how to click on some text and then have a more text pop up below it? For example:

Q. Please click here.
A. blah, blah, blah

When I click on the the first line I want the second line to appear.

you can stick the answer in a DIV and in it's style set visibility to hidden

take a look at this

Code:

---

<div id=dv1>
<table><tr><td>easy table</td></tr></table>
<button onclick="document.getElementById('dv1').style.display='none';document.getElementById('dv2').style.display='block';">advanced</button>
</div>
<div id=dv2 style="display:block">
<table><tr><td>advanced table</td></tr></table>
<button onclick="document.getElementById('dv1').style.display='block';document.getElementById('dv2').style.display='none';">easy</button>
</div>

---