animate() animazioni in sequenza

GoshMaledetto

Utente Attivo
20 Dic 2012
137
0
0
www.goshweb.com
Ciao ragazzi non riesco a trovare su internet come fare, utilizzando animate() di jquery, ad avere animazioni in sequenza e non in contemporanea

PHP:
$(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

PHP:
$(this).find('div#leggi-art').animate({opacity: 1}, 300);
e al termine di questa eseguire questa

PHP:
$(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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, si chiamano funzioni di callback, prova a guardare qua qua e piu in generale qua
piu o meno la sintassi dovrebbe essere questa
Codice:
<script>
            $(this).find('div#leggi-art').animate({opacity: 1}, 300,function(){
                $(this).find('div#v-art').animate({opacity: 1}, 300);  
            });
        </script>