Try this out
HTML Code:
<html>
<head>
<title>TEST</title>
<style type="text/css"> #text0{display:none;} h5.textHead{cursor:pointer;cursor:hand/*IE*/;}
</style>
<script>
function togDisplay(id){ var style = document.getElementById(id).style; style.display= (style.display=="block") ? "none":"block"; }
</script>
</head>
<body>
<table>
<tr>
<td> <h5 class="textHead" onclick="togDisplay('text0')">title of row</h5> <div id="text0">long paragraph of text goes here</div>
</td>
</tr>
</table>
</body>
</html>
For each new one, add a number to the #text0 (i.e. #text1, #text2, etc...)
this probaly isn't exactly what your looking for, but if you play around with it you should be able to make it suit your needs.