How to run jQuery fadeIn() and slideDown() simultaneously?

Question

I've got a div with display: none; Now I want to show it using both: fadeIn and slideDown simultaneously.

$(this).slideDown({duration: 'slow', queue: false}); $(this).fadeIn({duration: 'slow', queue: false}); 

The div is selected properly. But when I trigger the effect, all it does is the slideDown. And if I just delete the slideDown I can see the fadeIn, so there is nothing wrong with the syntax. But why doesn't it trigger both animations?

Answer 1

Use animate() instead of fadeIn():

$(this)   .css('opacity', 0)   .slideDown('slow')   .animate(     { opacity: 1 },     { queue: false, duration: 'slow' }   );