Как сделать поочередную смену классов?

Question

[Антон]

Как поочередно, через 5 секунд менять класс in на out, потом на следующем элементе in потом out и так далее?
Пример:

<li id="1" class="in">1</li>
<li id="2" class="out">2</li>
<li id="3" class="out">3</li>
<li id="4" class="out">4</li>

Comments

[Сергей Тутуков]

https://codepen.io/STutukov/pen/eWxVxP?editors=1010

[Антон]

Сергей Тутуков: Спасибо! Работает как надо!)

[Антон]

Сергей Тутуков: пишите в ответ)

[partyzanx]

Сергей Тутуков: ошибка 404

[Сергей Тутуков]

partyzanx:

var switchClass = function(list){
  var el = list.filter('.in');
  el.toggleClass('in out');
  if (el.next().length){
    el.next().toggleClass('in out');
  }else{
    el.prevAll().last().toggleClass('in out');
  }
  setTimeout(function(){
    switchClass(list)
  },1000);
}
switchClass($('ul li'));