Con jquery muestro y oculto 2 filas.
Código HTML:
<script type="text/javascript"> $(document).ready(function(){ $("#click1").click(function(){ $("#capa1").show("slow"); $("#capa2").hide("slow"); }); $("#click2").click(function(){ $("#capa1").hide("slow"); $("#capa2").show("slow"); }); }); </script> <table> <tr> <td><a href="javascript:void(0)" id="click1"> ver 1</a> | <a href="javascript:void(0)" id="click2"> ver 2</a></td> </tr> </table> <div id="capa1" style="display:none"> <table> <tr> <td>Nombre <input name="nombre" type="text" id="nombre" size="20" /></td> </tr> <tr> <td>Apellido <input name="apellido" type="text" id="apellido" size="20" /></td> </tr> </table> </div> <div id="capa2" style="display:none"> <table> <tr> <td>Nombre <input name="nombre" type="text" id="nombre" size="20" /></td> </tr> <tr> <td>Apellido <input name="apellido" type="text" id="apellido" size="20" /></td> </tr> </table> </div>
Osea, que dependiendo de que DIV este mostrando se borre el oculto si habia escrito
Muchas Gracias