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-ый «контент» и исчезните в первом «контенте». Такое поведение будет постоянно.