Question

I am working on a simple jquery animation where I have defined two functions as runit(); and runit2().

What I need is to execute runit2() only after runit() has finished execution but the problem is both seems to be executing at the same time.

I am including a rough fiddle here: http://jsfiddle.net/5444s/

Can anyone help please??

Answer 1

You can put your runit2() call in the item2.fadeOut() callback function. As item2.fadeOut is called at the end of your runit() function, runit2() will be executed after runit();
Replace your runit() function by :

function runit(){
    var b = fixit("container3");
    item1.myFunction();
    item1.animate({left:"-="+b+"px",top:"-=140px"},"fast");
    item2.fadeOut(500,function(){
        $(this).css('zIndex','-1');
        runit2();
    });
}