How to animate/show a hidden div?

Posted by Ricky Cortes on Stack Overflow See other posts from Stack Overflow or by Ricky Cortes
Published on 2012-10-19T16:40:06Z Indexed on 2012/10/19 17:01 UTC
Read the original article Hit count: 130

Filed under:
|
|

So I'm trying to show a div with a toggle transition when a link is clicked.

My code:

  $("nav ul li#about a").click(function (e) {
    $("div#about").slideToggle(200);
    e.preventDefault();
});

It works great, but I want this effect here: http://ricostacruz.com/jquery.transit/ Scroll down and find "TRANSITIONS FOR OTHER PROPERTIES". Do you see that scale effect (first demo box)? THAT is what I want instead of the slideToggle. So I want this similar effect to TOGGLE... transition IN and OUT when link is clicked.

I hope you guys can help me :)

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css