Div ID исчезать код

Question

Я новичок в jQuery. Может ли кто-нибудь помочь мне с моей проблемой 2 дня. Мне просто нужен пример кода для эффекта затухания, слайд-шоу.

Вот стиль.

• Это будет 3 Div с тем же классом
• Первый div, покажет для 6secs, затем исчезнет для 2secs
  • до того, как первый исчезнет, ​​второй div исчезнет в течение 2 сек
  • это снова покажет для 6 сек, затем исчезнет для 2 сек.
• Тогда третий div будет исчезать таким же образом в течение 2 сек.
• Покажет для 6 сек, затем исчезнет для 2 сек. Тогда они будут вращаться или зацикливаться.

Спасибо, что помогли мне.

РЕДАКТИРОВАТЬ - Соответствующий код из комментария

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

$(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();
});

Вот как я это сделал, вам просто нужно позаботиться о задержке.

Answer 2

Я не уверен, в чем именно ваша проблема, поскольку ваш код, кажется, работает для меня.

Если бы это был я, я мог бы сделать это немного по-другому (при условии, что я понимаю ожидаемый результат).

Попробуйте: 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);