[jQuery] effetti temporizzati

[stezxx85]

Ciao a tutti!

Volevo sapere se era possibile far si che una serie di effetti jQuery su una serie di div diversi si concatenino, in modo che il successivo parta solo dopo che è finito l'effetto precedente.

Vi posto il js per chiarezza:

$(function(){ 
$('#domande').stop().animate({ 
opacity: 0.8 
}, 3000); 
$('#bott2').stop().animate({ 
opacity: 0.5
 }, 3000); 
$('#bott3').stop().animate({ 
opacity: 0.5 }, 
3000);
 $('#bott4').stop().animate({ 
opacity: 0.5 
}, 3000); 
$('#bott5').stop().animate({ 
opacity: 0.5 
}, 3000); 
})

Vorrei che questi effetti non fossero contemporanei, ma uno per volta...

[Xinod]

callback

$(function(){ 
  $('#domande').stop().animate({ 
    opacity: 0.8 
  }, 3000, function(){
    $('#bott2').stop().animate({ 
      opacity: 0.5
    }, 3000, function(){
      $('#bott3').stop().animate(...etc etc...)
    })
  })
});

[stezxx85]

Originariamente inviato da Xinod
callback

$(function(){ 
  $('#domande').stop().animate({ 
    opacity: 0.8 
  }, 3000, function(){
    $('#bott2').stop().animate({ 
      opacity: 0.5
    }, 3000, function(){
      $('#bott3').stop().animate(...etc etc...)
    })
  })
});

Eheh!
Non mi era nemmeno passato per la mente! xD

E se volessi far partire il tutto dopo un paio di secondi dal caricamento della pagina?

P.s.: non abuserò oltre della vostra pazienza!

[Xinod]

se usi jquery 1.4

$(window).load(function(){
  $('#domande').stop().animate({ 
  ...etc...
  }).delay(2000)
})

altrimenti con setTimeout

$(window).load(function(){
  setTimeout(function(){
    $('#domande').stop().animate({ 
      ...etc...
    })
  },2000)
})