JQuery Fadein Fadeout Divs через установленный интервал

Я хочу fadeOut первый div в коллекции, а затем fadeIn следующий div. Исчезновение срабатывает в установленное время. Количество предметов в коллекции от 1 до n. Вот пример 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>

Таким образом, при загрузке страницы первый «контентный» класс будет виден, через x промежуток времени текущий «контент» исчезнет, ​​а следующий «контент» исчезнет. Когда он дойдет до n-го «контента», он начнется заново. Исчезните n-ый «контент» и исчезните в первом «контенте». Такое поведение будет постоянно.

Ответы на вопрос(2)

Ваш ответ на вопрос