Hello all,
I’m trying to create a table that only appears when the user clicks on a “CLICK HERE TO SEE THE HIDDEN TABLE” link. (see my code below)
It works perfectly in all browsers I’ve tested so far except for IE for Mac. Is there a way to achieve this so that it will work on that browser as well?
Thanks!!
–doron
<html>
<head>
<script language=”javascript”>
function revealRatingClick()
{
document.getElementById(“hiddenTable”).style.display = “none”;
document.getElementById(“explanationTable”).style.display = “inline”;
}
function hideRatingClick()
{
document.getElementById(“hiddenTable”).style.display = “inline”;
document.getElementById(“explanationTable”).style.display = “none”;
}
</script>
</head>
<body>
<table width=”750″ border=”0″ cellspacing=”0″ cellpadding=”0″ id=”hiddenTable”>
<tr>
<td><a href=”javascript:revealRatingClick()”>CLICK HERE TO SEE THE HIDDEN TABLE</a></td>
</tr>
</table>
<!– hidden / not hidden –>
<table width=”750″ border=”3″ cellpadding=”0″ cellspacing=”0″ height=”300″ id=”explanationTable” style=”display:none”>
<tr>
<td>HERE’S THE HIDDEN TABLE</td>
</tr>
</table>
</body>
</html>