timer .click() jQuery

[BiancaMcT]

ciao a tutti, non sono molto pratica del jQuery e ho bisogno di aiuto

Ho tre box (creati con css e i div), cliccando singolarmente su delle scritte contenute in alcuni span, posso farli abbassare (slideDown) o ritirare (slideUp). Il problema c'è quando magari apro il primo box, poi voglio aprire il secondo (per fare questo devo prima far risalire il primo) .. lo slideUp del primo e lo slideDown del secondo si vedono contemporaneamente, mentre io vorrei prima vedere lo slideUp del primo, e una volta finilo lo slideDown del secondo. Come posso fare?

Metto qui la mia funzione script:

<script type="text/javascript">

$(document).ready(function(){


$("span#primo").click(function(){
$("#box2").slideUp("slow");
$("#box3").slideUp("slow");
$("#box1").slideToggle("slow");
});


$("span#secondo").click(function(){
$("#box1").slideUp("slow");
$("#box3").slideUp("slow");
$("#box2").slideToggle("slow");
});



$("span#terzo").click(function(){
$("#box1").slideUp("slow");
$("#box2").slideUp("slow");
$("#box3").slideToggle("slow");
});

});
</script>

grazie, se non si è capito un emerito niente fatemi sapere che cerco di spiegare meglio

[Vindav]

Usa le funzioni di callback:

$('#box1').slideUp('slow', function() {
//animazione finita, parte la seconda
    $("#box2").slideToggle("slow");  
  });

In questo modo puoi mettere anche piu di 2 animazioni in sucessione.

[BiancaMcT]

grazie mille =)