fadeOut() and slideUp() at the same time?

javascript jquery fade
Matthew picture Matthew · Mar 5, 2010 · Viewed 45.4k times · Source

I have found jQuery: FadeOut then SlideUp and it's good, but it's not the one.

How can I fadeOut() and slideUp() at the same time? I tried two separate setTimeout() calls with the same delay but the slideUp() happened as soon as the page loaded.

Has anyone done this?

Answer

Nick Craver picture Nick Craver · Mar 5, 2010

You can do something like this, this is a full toggle version:

$("#mySelector").animate({ height: 'toggle', opacity: 'toggle' }, 'slow');

For strictly a fadeout:

$("#mySelector").animate({ height: 0, opacity: 0 }, 'slow');

Related questions

Fade In on Scroll Down, Fade Out on Scroll Up - based on element position in window

I'm trying to get a series of elements to fade in on scroll down when they are fully visible in the window. If I keep scrolling down, I do not want them to fade out, but if I scroll up, …

Read More
Simple fade in fade out div with jquery on click

THIS CODE UNDER HERE WORKS, you can read the answers under here - i edit this for future reference. HTML: <div><a href="#" id="btn">Show bank div and hide fancy div</a></…

Read More
Using fadein and append

I am loading JSON data to my page and using appendTo() but I am trying to fade in my results, any ideas? $("#posts").fadeIn(); $(content).appendTo("#posts"); I saw that there is a difference between append and appendTo, on the …

Read More