jQuery Fadein Fadeout Divs über das eingestellte Intervall

Ich möchte das erste Div in einer Sammlung ausblenden und dann das nächste Div einblenden. Das Einblenden wird zu einer festgelegten Zeit ausgelöst. Die Anzahl der Elemente in der Sammlung beträgt 1 bis n. Hier ist ein Beispiel für das HTML;

<div class="contentPanel">
      <div class="content">
         <div style="border: solid 2px black; text-align: center">
            This is first content
         </div>
      </div>
      <div class="content">
         <div style="border: solid 2px black; text-align: center">
            This is second content
         </div>
      </div>
      <div class="content">
         <div style="border: solid 2px black; text-align: center">
            This is third content
         </div>
      </div>
   </div>

So wird beim Laden der Seite die erste "Inhalt" -Klasse sichtbar, nach x Zeitspanne wird der aktuelle "Inhalt" ausgeblendet und der nächste "Inhalt" wird eingeblendet. Wenn er zum n-ten "Inhalt" gelangt, wird er gestartet Überblenden Sie den n-ten "Inhalt" und den ersten "Inhalt". Dieses Verhalten würde eine Endlosschleife ausführen.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage