animate() animazioni in sequenza

[GoshMaledetto]

Ciao ragazzi non riesco a trovare su internet come fare, utilizzando animate() di jquery, ad avere animazioni in sequenza e non in contemporanea

$(function() {
		$('.hover-art').hover(function(){
			$(this).find('div#leggi-art').animate({opacity: 1}, 300);
			$(this).find('div#v-art').animate({opacity: 1}, 300);
		}, function(){
			$(this).find('div#leggi-art').animate({opacity: 0}, 300);
			$(this).find('div#v-art').animate({opacity: 0}, 300);
		});
	});

ad esempio se io volessi eseguire

$(this).find('div#leggi-art').animate({opacity: 1}, 300);

e al termine di questa eseguire questa

$(this).find('div#v-art').animate({opacity: 1}, 300);

come posso fare? in questo caso specifico direi che basterebbe un delay la mia domanda è piu generale non sull'esempio specifico

 

[criric]

Ciao, si chiamano funzioni di callback, prova a guardare qua qua e piu in generale qua
piu o meno la sintassi dovrebbe essere questa

<script>
            $(this).find('div#leggi-art').animate({opacity: 1}, 300,function(){
                $(this).find('div#v-art').animate({opacity: 1}, 300);  
            });
        </script>

 

[GoshMaledetto]

ok praticamente è una serie di funzioni annidate avevo trovato qualcosa in inglese ma non avevo capito bene a quanto pare

grazie mille