Hola!,
Al final lo hice con Jquery :
Lo dejo para otros posibles interesados
Lo que hice:
1º Ponerle class=captionRow a los <tr> que queria esconder, quedando de esta manera: <tr id="captionRow">
2º crear 2 <div> que funcionan como botones, declarando 2 clases nuevas (ocultar/mostrar)
el CSS de los div
Código CSS:
Ver original.mostrar { height:25px; cursor:pointer; float:left; margin-left:5px;}
.ocultar { height:25px; cursor:pointer; float:left; margin-left:5px;}
3º Controlar los display y las acciones con jQuery:
Código Javascript
:
Ver original$(document).ready(function(){
//escondo elementos
$(".captionRow").hide();//escondo los elementos de la tabla
$(".ocultar").hide();//escondo el boton 'ocultar'
//MOSTRAR El RESTO DE TABLA
$(".mostrar").click(function(){
$(".captionRow").show("slow");//muestro resto de la tabla
$(".ocultar").show();//muestro el boton 'Ocultar'
$(".mostrar").hide();//escondo el boton 'Mostrar'
});
//OCULTAR EL RESTO DE LA TABLA
$(".ocultar").click(function(){
$(".captionRow").hide("slow");//escondo el resto de la tabla
$(".ocultar").hide();//escondo el boton 'Ocultar'
$(".mostrar").show();//muestro el botom 'Mostrar'
});
});
De todas maneras, MUCHAS GRACIAS a todos por las ayudas y sugerencia, deje en favoritos el doc. sobre BOM para leerlo con calma en la semana :)