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