3つの要素の間で自動的に切り替える

Question

3つの異なる要素を切り替えようとしていますが、私は最初に2つの間でのみ切り替えを行い、2番目の要素が見えるときには3番目の要素で同時に覆います。 3つの間で切り替えるために私の機能をどのように編集すればよいですか？ JSFiddleここ：https://jsfiddle.net/uktszzwp/

ありがとうございます！

SCRIPT：

<script type="text/javascript"> 
var continuous = function() { 
    $("#citat1").fadeToggle(700); 
    $("#citat2").fadeToggle(700); 
    $("#citat3").fadeToggle(700);  
} 

setInterval(continuous,4000); 
</script> 

Answer 1

ここであなたがそれを行う可能性が一つの方法です。

n = 0; 
var continuous = function() { 
    n++; 
    if (n > 3) n = 1; 
    for (k = 1; k <= 3; k++) { 
    if (k != n) { 
     $("#citat" + k).fadeOut(700); 
    } else { 
     $("#citat" + k).fadeIn(700); 
    } 
    } 
} 

setInterval(continuous, 4000);