Hola ajarrin, el truco esta en que al mostrar, display no tenga nada, ni siquiera "block"
Código HTML:
<style type="text/css">
.hidd{display: none}
.show{display: }
</style>
<script type="text/javascript">
function showHidd()
{
var idrow = document.getElementById('filaColSpan')
if(idrow.className=='show')
{
idrow.className='hidd'
}else{
idrow.className='show'
}
}
</script>
<h3>Tercera Fila se inicia oculta al leer la clase hidd</h3>
<table border="1" cellpadding="5">
<tr><td width="240">Col 1</td>
<td width="240">Col 2</td>
</tr>
<tr onClick="showHidd()" style="cursor: hand">
<td colspan="2">Click aquí para Abir/Ocultar </td>
</tr>
<tr id="filaColSpan" class="hidd">
<td colspan="2" bgcolor="#00FF00"><pre>Fila con Colspan="2" funcionando en Internet Explorer
y Mozilla Firefox</pre></td></tr>
</table>