Hola, me gustaría tener una tabla de 2 flas y 1 columna, en la cual me gustaría que para ver la celda 2 (la celda de la fila 2) deban hacer clic sobre la celda 1 (la celda de la fila 1). Ya lo he conseguido, pero tengo un problema. miren el código:
Código HTML:
function cambiarDisplay(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "none") {
fila.style.display = "none"; //ocultar fila
} else {
fila.style.display = ""; //mostrar fila
}
}
Ese es el script y la tabla:
Código HTML:
<table>
<tr id="row1" onClick="cambiarDisplay('row2')">
<td><strong> Televisores de LCD, Pantalla de Cristal Líquido</strong> (Stock: 90 unidades ) </td>
</tr>
<tr id="row2" onClick="cambiarDisplay('row2')" style="display:none">
<td>Los Televisores de LCD brindan la más alta calidad de imágen dentro de la gama de modelos de pantallas planas, lo que los convierte en una excelente opción para los más exquisitos. </td>
</tr>
</table>
EL PROBLEMA ES QUE UNA VEZ ABIERTA LA CELDA 2, AL HACER CLIC SOBRE LA CELDA 2, ESTA SE ESCONDE. ME GUSTARÍA QUE LA ÚNICA FORMA DE OCULTAR Y/O MOSTRAR LA CELDA 2, SEA CLICKEANDO EN LA CELDA 1. Espero que prueben el código y, clickeen en la celda de arriba, aparecerá la celda de abajo pero si luego clickean en la celda 2, esta se esconde. Me gustaría que al clickear en la celda de abajo (celda 2) no haga ningun efecto.
Espero que puedan solucionar mi problema.