Нашел пример, для текстовых спойлеров. Для таблиц не видел.. Ну да не суть важно. Сделал сам:
<script language="JavaScript" type="text/javascript">
function OpenClose(id)
{
var obj = "";
if (document.getElementById) obj = document.getElementById(id).style;
else if(document.all) obj = document.all[id];
else if(document.layers) obj = document.layers[id];
if (obj.display == "")
obj.display = "none";
else
obj.display = "";
}
</script>
<table border='1' width='100%'>
<tr>
<td width='33%'>111</td>
<td width='34%'>222</td>
<td width='33%'>333</td>
</tr>
<tr>
<td colspan='3' class="SpoilerTop" onClick="OpenClose('1')">
<table border='0' width='100%'>
<tr><td align='center'><img width='20' src='plus.gif'></td><td>123</td></tr>
</table>
</td>
</tr>
<tr class="SpoilerBox" id="1" style="display:none">
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr class="SpoilerBox" id="1" style="display:none">
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<table>
Но есть одна загвоздка.. При нажатии на
<td colspan='3' class="SpoilerTop" onClick="OpenClose('1')">...</td>
открывается только одна строка, а не две как бы мне хотелось... Подскажите, как поправить?