Foros del Web - Ver Mensaje Individual

omarMusic · #3 (**permalink**) 23/02/2011, 15:32

Que tal éste ejemplo:

Código HTML:

Ver original<html>
<head>
<script>
    function ocultar(id){
        var tabla = document.getElementById(id);
        for(var i=1; i<tabla.rows.length; i++) {
            tabla.rows[i].style.display=tabla.rows[i].style.display==""?"none":"";
        }
    }
</script>
<style type="text/css">
td,th {border: 1px solid red; }
table {border-collapse: collapse;}
</style>
</head>
<body >
    <table id="tabla1">
        <tr onclick="ocultar('tabla1')">
            <th>titulo 1 </th><th>titulo 2 </th><th>titulo 3</th>
        </tr>
        <tr>
            <td>1 </td><td>2 </td><td> 3</td>
        </tr>
        <tr>
            <td>4 </td><td>5 </td><td>6 </td>
        </tr>
        <tr>
            <td>7 </td><td> 8</td><td>9 </td>
        </tr>
    </table>
</body>
</html>

Saludos!