Toggle con jquery

[karnaldo]

Hola quería saber si me pueden ayudar con esto, resulta que al clickear el titulo se debe mostrar el contenido completo, al principio solo se muestran 70px del contenido y cuando se clickea se muestra el contenido completo, cuando se vuelve a clickear se encoje a los 70px de nuevo, lo que pasa es que el efecto de "slidedown" no se muestra si no que el contenido solo aparece de golpe... alguien sabe como hacerlo aparecer lentamente...?

Código HTML:

<div id="title"><p>Titulo</p></div>
<div style="height: 70px; overflow: hidden;" id="contenido">
    <p>Lorem ipsum...</p> 
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
</div>
<script>
$('#title').click(function(){
var autoHeight = $('#contenido').css('height','auto');	  $('#contenido').animate({height:autoHeight},200);
},function(){
    $('#contenido').animate({height:70},200);
});
</script> 

Gracias

[rottenp4nx]

amigo a la capa contenido pongale como propiedad css display:none y borras las demás

Después en Jquery

Código Javascript:

$('#title').click(function(){
    $("#contenido").slideToggle("slow");
});
 

Cualquier duda, postea

Saludos :)

[karnaldo]

Iniciado por rottenp4nx

amigo a la capa contenido pongale como propiedad css display:none y borras las demás

Después en Jquery

Código Javascript:

$('#title').click(function(){
    $("#contenido").slideToggle("slow");
});
 

Cualquier duda, postea

Saludos :)

Gracias por responder... una consulta... esto ocultaría todo el contenido cierto?... yo necesito que muestre al menos 70px del contenido... no sabes como hacerlo?

[mdk]

Pégale un vistazo a esto:

http://docs.jquery.com/Effects/animate

[rottenp4nx]

Código Javascript:

$("#capa").animate({height: 200},"slow");
 

Puedes hacerlo así, tambien

Código Javascript:

$("#capa").animate({height: '200px'},"slow");
 

saludos