How do you fadeIn and animate at the same time?

Question

Using jQuery I\'m creating a basic \'tooltip\' animation so that the tooltip will appear in a little animation in which it fades into view as well as move vertically.

<

Answer 1

$('.tooltip').animate({ opacity: 1, top: "-10px" }, 'slow');

However, this doesn't appear to work on display: none elements (as fadeIn does). So, you might need to put this beforehand:

$('.tooltip').css('display', 'block');
$('.tooltip').animate({ opacity: 0 }, 0);