Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/02/2012, 23:21
Avatar de rigobcastro
rigobcastro
 
Fecha de Ingreso: febrero-2012
Ubicación: Lejanías
Mensajes: 69
Antigüedad: 12 años, 9 meses
Puntos: 21
Respuesta: Mostrar y ocultar capa con jquery??

Para incluir el atributo "display:block;" se hace con la funcion $.show() de jQuery.

Acá un ejemplo:

Código HTML:
Ver original
  1. <a id="mostrar" href="#"><img src="http://lorempixel.com/200/200/"></a>
  2.  
  3. <table id="tabla" style="display:none;">
  4.     <tr>
  5.         <th colspan="2">Tabla</th>
  6.     </tr>    
  7.     <tr>
  8.         <td>row 1, cell 1</td>
  9.         <td>row 1, cell 2</td>
  10.     </tr>
  11.     <tr>
  12.         <td>row 2, cell 1</td>
  13.         <td>row 2, cell 2</td>
  14.     </tr>

Esto se corré ya teniendo la libreria jQuery cargada en la página.

Código Javascript:
Ver original
  1. $(function(){
  2.     $("#mostrar").click(function(e){
  3.         e.preventDefault();
  4.         $("#tabla").show();
  5.     });
  6. });

Puedes ver el ejemplo online via jsfiddle: http://jsfiddle.net/8BRrF/embedded/result/