Simple fadeIn and visibility in jQuery

Question

I'm trying to change the css property visibility of a div to visiblewith a jQuery .fadeIn()transition.

Here is my code :

$('a').click(function() {
    $('#test').fadeIn('slow', function() {
     $(this).css('visibility','visible');
  });
});​

and the fiddle : http://jsfiddle.net/np6r7/

Answer 1

You cannot animate visibility. fadein is keyed off display:none;, so that should be #test's initial state via CSS. If you need to keep the layout, you can try wrapping test in a div that specifies the height and/or width you need.