Wieso funktioniert der folgende HTML-Code nicht, wie er soll?
Ebenso wie der Text "Tabelle:" soll natürlich auch die Tabelle (und der Button) im DIV erscheinen und erst beim Klick auf den Button sichtbar sein.
<html>
<head></head>
<body>
<table>
<tr>
<td>
Text
</td>
<div id="more" style="position:absolute; top:100pt; left:100pt; width:100pt; height:100pt; display.none; overflow:visible; background-color:yellow; border-style:solid; border-width:1pt; border-color:red;">
Tabelle:<br/>
<table border="1">
<tr>
<td>
BingoBongo!
</td>
</tr>
</table>
<br/>
<input type="button" name="hideDiv" value="close" onClick="javascript:document.getElementById('more').style.display='none'"/>
</div>
<td>
<input type="button" name="showDiv" value="..." onClick="javascript:document.getElementById('more').style.display='inline'"/>
</td>
</tr>
</table>
</body>
</html>