jquery fade in

[misshellfire]

buonasera!
ho questo codice

	$(document).ready(function(){
			
			// Eseguo un effetto di apparizione, il contrario è fadeOut()
			$("#container").fadeIn(3000);
		
			
		});

che mi fa apparire un div.
Se avessi 3 div? come faccio a farli apparire uno dopo l'altro?

grazie!

[Xinod]

il fadeIn di ognuno va nel callback del precedente

$("#div1").fadeIn(3000,function(){
  $("#div2").fadeIn(3000,function(){
    $("#div3").fadeIn(3000)
  })
});

[misshellfire]

grazie della risposta....
ma se questi 3 div fossero contenuti in un div contenitore?
perchè nei css ho messo display:none ai 3 div contenuti e poi questo

$(document).ready(function(){
			
			// Eseguo un effetto di apparizione, il contrario è fadeOut()
			$("#1").fadeIn(3000);{
				$("#1").fadeIn(3000);{
					$("#1").fadeIn(3000);}}
		
			
		});

solo che il 3 non fa il fadein ma è fermo... mentre gli altri due arrivano contemporaneamente...

[Xinod]

per favore compara quello che ho scritto io con quello che hai scritto tu

[misshellfire]

letto male grazie!

[misshellfire]

...ultima cosa..... se volessi aspettare 3 secondi prima che parta il terzo div?

[fcaldera]

una possibile soluzione con pipe()

    $(document).ready(function() {
        
        $.Deferred(function($df) {
            $df
                .pipe(function() { return $('#e1').fadeIn(1000) })
                .pipe(function() { return $('#e2').fadeIn(1000) })
        })
        .resolve()
        .then(
            $('#e3').delay(3000).fadeIn(1000)
        );
        
    });

[misshellfire]

mmm non mi appare nulla...

[cavicchiandrea]

sorry ho sbagliato

[misshellfire]

Originariamente inviato da cavicchiandrea
sorry ho sbagliato

cos'hai sbagliato?