jQuery fade in/out

Hey guys, quick question..

Here’s the code:

[CODE]<script type=”text/javascript”>
$(document).ready(function(){
$(‘.pda-software’).click(function(){
$(‘#lco-tour-display’).fadeOut(‘fast’);
$(‘#pda-tour-display’).fadeIn(‘slow’);
});

$(‘.lco’).click(function(){
$(‘#pda-tour-display’).fadeOut(‘fast’);
$(‘#lco-tour-display’).fadeIn(‘slow’);
});
});
</script>[/CODE]

Basically, I have two links, one for the pda software, one for lco. When I click the link, I want it to fade in the desired section; however I want it to fade out the other section if it was already clicked.

Is there a way to say something like:

After the #pda-tour-display fades out, THEN fade in lco-tour-display? It seems like they are executing simultaneously.

Hopefully this is an easy one for someone…it’s hard to search on Google for this answer!

Thanks in advance.

Also in #JavaScript _↴