Переменная ошибки Javascript ⇐ Jquery

[Anonymous]

У меня проблема с jQuery/JavaScript. У меня есть 1 элемент div слева и 3 элемента справа.

Теперь, когда я нажимаю на элемент div, он должен переместить его влево, а существующий — вправо.

Это отлично работает.

Но по какой-то причине в первый и третий раз я нажимаю на элемент справа, он перемещается только влево. А не сдвигать существующий вправо. У меня нет ошибок.

А еще, если я продолжу нажимать после того, как все будет работать нормально, как и должно быть. Как я могу это исправить?

document.addEventListener("DOMContentLoaded", function(event) { var rightContainer = document.getElementById('rightContainer'); var leftDiv = document.getElementById('leftDiv'); jQuery("#info1").click(function() { левыйDiv.firstChild; if (leftDiv !== это) { если (leftDiv !== ноль) { rightContainer.appendChild(leftDiv.firstChild); } // Перемещаем выделенный элемент div влево leftDiv.appendChild(это); } }); jQuery("#info2").click(function() { левыйDiv.firstChild; if (leftDiv !== это) { если (leftDiv !== ноль) { rightContainer.appendChild(leftDiv.firstChild); } // Перемещаем выделенный элемент div влево leftDiv.appendChild(это); } }); jQuery("#info3").click(function() { левыйDiv.firstChild; if (leftDiv !== это) { если (leftDiv !== ноль) { rightContainer.appendChild(leftDiv.firstChild); } // Перемещаем выделенный элемент div влево leftDiv.appendChild(это); } }); jQuery("#info4").click(function() { левыйDiv.firstChild; if (leftDiv !== это) { если (leftDiv !== ноль) { rightContainer.appendChild(leftDiv.firstChild); } // Перемещаем выделенный элемент div влево leftDiv.appendChild(это); } }); }); body { маржа: 0; дисплей: гибкий; высота: 100вх; } #контейнер { дисплей: гибкий; ширина: 50%; } #leftDiv { гибкий: 1; } #rightContainer { дисплей: гибкий; гибкое направление: столбец; ширина: 50%; } .clickableDiv { граница: 1 пиксель, сплошная #ccc; курсор: указатель; цвет фона: #f0f0f0; переход: фоновый цвет — легкость 0,3 с; } /* Стиль для лучшей видимости */ .clickableDiv:hover { цвет фона: #e0e0e0; Див 1 Дивизион 2 Див 3 Раздел 4

слева только 1 элемент, а не несколько.