[jQuery] Animate hidden hyperlink to display:block

Question

Hi guys,

given a hidden hyperlink (hidden by setting display: inline in a css file), how can I achieve to animate this hyperlink to 'display:block'? Neither show() nor the following code

 .animate({
     display: block
 }, {
     duration: 500
 }

do work!

Anny suggestions? Cheers, cube

Answer 1

you are using animate with a wrong css property.

just go like

 $('a.link').fadeIn();

here you can find all the info you need to get started with jquery effects

Answer 2

The animate method needs something that has more than 2 states. Like another answer suggested, you can use the .fadeIn() / .fadeOut methods. The other choice is to animate the css opacity value.