Mostrar y ocultar capa con jquery??

[tata009]

Hola gente, tengo un problema, intente de muchas maneras pero no logro conseguir lo que busco, es decir yo tengo una imagen que contiene un enlace y quiero que al hacer click se cambie la propiedad de una tabla que tengo en la pag (display:none) por (display:block) es decir para mostrarla, pero no logro conseguirlo :S como podria hacer??

El ultimo codigo que probe era:

<script type="text/javascript">

$(document).ready(function(){
$("#mostrar").click(function(){
$("#capa1").show("slow");
});


</script>

bueno el enlace

<a href="#" id="mostrar">ASDA</a>

y mi taabla obviamente

<table id="capa1" style="display:none">etcetc </table>

Saludos, gracias de antemano!

[rigobcastro]

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

Acá un ejemplo:

Código HTML:

<a id="mostrar" href="#"><img src="http://lorempixel.com/200/200/"></a>
 
<table id="tabla" style="display:none;">
    <tr>
        <th colspan="2">Tabla</th>
    </tr>    
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>
 

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

Código Javascript:

$(function(){
    $("#mostrar").click(function(e){
        e.preventDefault();
        $("#tabla").show();
    });
});
 

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

[tata009]

Buenisimo maestro me anduvo! y si quisiera mostrar y al mismo tiempo ocultar la tabla con el mismo enlace como haria??


Saludos abrazo!

[quike88]

Hola,

Para mostrar y ocultar con el mismo enlace podrías usar toggle() o fadeToggle():

Código Javascript:

$(function(){
    $("#mostrar").click(function(e){
        e.preventDefault();
        $("#tabla").fadeToggle();
    });
});
 

Saludos.

[tata009]

Muchisimas gracias! ;)