Строка из бегущих элементов

query

by Denis Tverdokhlebov

HTML

<div id="container">
  <div class="1" data-id='0'>0</div>
  <div class="2" data-id='1'>1</div>
  <div class="1" data-id='2'>2</div>
  <div class="2" data-id='3'>3</div>
</div>

CSS

#container div 
{
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px;
  border: 2px solid silver;
  border-radius: 5px;
}
div{
  background-color: gold;
}
.gray{
  background-color: purple;
}

JavaScript

$("#container div:nth-child(even)").addClass("gray");
var parent = document.getElementById('container');
setInterval(function() {
  var div = parent.querySelector('div');
  parent.appendChild(div).slideToggle({duration: "slow",});
}, 5000);