Question

I want div animation effect.
For eg:- I have two divs, div A, div B
Div A appears with text abc on the left of the page and fades in after 10seconds and then on right side of page Div B appears with text ghi and fades after 10seconds and again left side div appears and so on….
Can anyone help, how to proceed with the same.

Answer 1

Check the jQuery Website: http://api.jquery.com/delay/

Here is a basic example:

function animateDivs1() {
    $('div#divOne').delay(800).fadeIn(400);
    $('div#divTwo').delay(800).fadeOut(400);
    animateDivs2();
}

function animateDivs2() {
    $('div#divOne').delay(800).fadeOut(400);
    $('div#divTwo').delay(800).fadeIn(400);
    animateDivs1();
}

animateDivs1();

​
Also you can see it in action here: http://jsfiddle.net/hPNjn/