<head>
<script language="JavaScript">
function showCell() {
document.getElementById('cellName').style.visibility='visible';
}
</script>
<style type="text/css">
#cellName {visibility:hidden; }
</style>
</head><body>
<table border="1" id="myTable">
<tr><td height="50">text<td></td></td></tr>
<tr><td>text</td><td id="cellName">This will appear when the below link is clicked</td></tr>
</table>
<a href="#" onclick="showCell()">link</a>
</body>
</html>
OR
<html>
<head>
<style>tr#hide{display:none}</style>
<script>
function hide()
{document.getElementById('hide').style.display = 'none'}
function show()
{document.getElementById('hide').style.display = 'block'}
</script>
</head>
<body><table>
<tr><td onClick=show()>[show]</td></tr>
<tr id=hide><td>Hidden</td></tr>
<tr><td onClick=hide()>[hide]</td></tr>
</table></body>
</html>
