Div ID fondu code

Question

Je suis un débutant sur jQuery. Quelqu'un peut-il m'aider avec mon problème de 2 jours. J'ai juste besoin d'un exemple de code pour un effet de fondu, diaporama.

Voici le style.

• Ce sera 3 Divs avec la même classe
• La première div, montrera pour 6secs disparaît alors pour 2secs
  • avant la première fane la seconde div disparaîtra dans pour 2secs
  • cela montrera à nouveau pour 6secs puis disparaît pour 2secs.
• Ensuite, le troisième div disparaîtra de la même manière pendant 2 secondes.
• Affiche pour 6 secondes puis disparaît pour 2 secondes. Ensuite, ils vont faire une rotation ou une boucle.

Merci de m'avoir aidé.

EDIT - Code pertinent de commentaire

$(document).ready(function(){ 
    function looptour(){ 
     $("#health").hide(); 
     $("#billing").hide(); 
     $("#pension").delay(6000).fadeOut(2000);    
     $("#health").delay(6000).fadeIn(2000).delay(6000).fadeOut(2000);  
     $("#billing").delay(14000).fadeIn(2000).delay(6000).fadeOut(2000); 
     $("#pension").delay(14000).fadeIn(2000,looptour); 
    } 
    looptour(); 
}); 

Answer 1

Je ne suis pas sûr de ce que votre question est exacte, puisque votre code semble fonctionner pour moi.

Si c'était moi, je pourrais le faire un peu différemment (en supposant que je comprenne le résultat escompté).

Essayez-:http://jsfiddle.net/XgFna/2/

var arr = [ 
    $("#pension"), 
    $("#health").hide(), 
    $("#billing").hide() 
]; 
var cur = 0, nxt = 1; 

setInterval(function() { 
    arr[cur].fadeOut(2000); 
    arr[nxt].fadeIn(2000); 
    cur = (cur + 1 < arr.length) ? cur + 1 : 0; 
    nxt = (nxt + 1 < arr.length) ? nxt + 1 : 0; 
},6000); 

Answer 2

$(document).ready(function() { 
    function looptour() { 
     $(".quote4").hide(); 
     $(".quote3").hide(); 
     $(".quote2").hide(); 
     $(".quote1").delay(1000).fadeIn(3000).delay().fadeOut(1000); 
     $(".quote2").delay(7000).fadeIn(3000).delay().fadeOut(1000); 
     $(".quote3").delay(11000).fadeIn(3000).delay().fadeOut(1000); 
     $(".quote4").delay(16000).fadeIn(6000).delay().fadeOut(1000, looptour); 
    } 

    looptour(); 
}); 

Voici comment je l'ai fait, vous avez juste besoin de prendre soin du retard.