Want to use jquery fade in effects, but want to use visibility:hidden initially

Question

It seems most of the jquery fadein/out and animate functions are based on the initial element having display:none as opposed to visibility:hidden.

What if I want the

Answer 1

You may also try something like this (Demo) as fadeIn

$('div').css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 'slow');

Answer 2

Sure, start with visibility: hidden then do:

$('.your-element').css('visibility','visible').hide().fadeIn();

Borrowed from a very similar question.