JQuery поменять элементы местами

#html #jquery

Как можно менять местами блоки? Чтобы каждые 10 секунд последний блок вставал на
место первого, второй на место третьего, третий на место последнего. И так по кругу. 

0
1
2
3

    

Ответы

Ответ 1

При перемещении блока не надо удалять из старого места, при вставке в новое он будет
удален из старого автоматически.
Сделал без jQuery на чистом JS.



var parent = document.getElementById('container');
setInterval(function() {
  var div = parent.querySelector('div');
  parent.appendChild(div); //автоматически удалится из старого места
}, 1000);
#container div 
{
  float: left;
  width: 100px;
  height: 100px;
  margin: 20px;
  border: 2px solid silver;
  border-radius: 5px;
}

  
0
  
1
  
2
  
3



Ответ 2

Решил данным способом:

setInterval(function() {
    $('.cen p').hide();
    $('.cen').prepend($('.cen p:last'));
    $('.cen p').slideToggle({duration: "slow",});
}, 5000);