Can i execute the events in sequence in jquery

Question

I am using accordians. I want that if someone click on hyperlink inside the accordion , then that accordion should slide up slowly and only after that the nect accordion falls down or open

 $(".accord").live('click', function(){    

                                         $('#rr1').next().slideUp('slow');                 
                                          $('#rr3').next().slideDown('slow'); 

But i have seen that the other accordion starts opening up at the same time when the other is closing.

It it something related to asynchronous thing. I don't know });

Answer 1

Use the callback parameter to start the second animation when the first finishes.

$(".accord").live('click', function(){    
        $('#rr1').next().slideUp('slow', function(){
                $('#rr3').next().slideDown('slow'); 
        });
});

Answer 2

The second argument to slideup is a callback function that is called when the animation is complete

http://api.jquery.com/slideUp/