vediamo se ho ben capito:
codice:
<table>
<tr class="Clickable">
<td>
Riga cliccabile
<table class="Invisible">
<tr>
<td>Sotto tabella invisibile fino al click</td>
</tr>
</table>
</td>
</tr>
</table>
Se pensi ad una cosa così, ti conviene fare così:
1- stampi TUTTO sia la parte visibile che quella invisibile
2- associ questo style alla tabella:
codice:
.Clickable{
cursor: pointer;
}
.Invisible{
display: none;
}
Poi fai semplicemente così:
codice:
window.onload = function(){
var rows = document.getElementsByTagName("tr");
for(i = 0; i < rows.length; i++)
{
if(rows[i].className == "Clickable")
{
rows[i].onclick = function(){
var tabl = this.getElementsByTagName('table')[0];
tabl.style.display = tabl.style.display.toLowerCase() == 'block' ? 'none' : 'block';
}
}
}
}
Questo dovrebbe essere sufficiente