Почему при перемещении двух блоков местами, они скачут при уменьшении экрана?

Question

[Oslar]

Поменяв местами два дива в шапке (поиск и язык) Начиная с разрешения 630.


Когда уменьшаю экран ниже 630, эти два блока скачут на свое место и обратно.

Сайт

Сам скрипт перемещения дивов

$(function() {
			var first = $("._header .pt-20.pb-20 > .col-lg-6.col-4");
			var second = $("._header .pt-20.pb-20 > div:last");
			$(window).resize(function() {
				var i = $("._header .pt-20.pb-20 > .col-lg-6.col-4, ._header .pt-20.pb-20 > div:last").index(first);
				if ($(window).width() <= "630" && !i) {
					var a = $("<abracadabra/>");
					a.insertAfter(first);
					first.insertAfter(second);
					second.insertAfter(a);
					a.remove()
				} else if ($(window).width() > "630" && i) {
					var a = $("<abracadabra/>");
					a.insertAfter(first);
					first.insertAfter(second);
					second.insertAfter(a);
					a.remove()
				}
			}).resize()
		});

P.S. код сайта не мой, моя задача его адаптировать.

Comments

[Oslar]

Или же может быть, у вас будут какие-то альтернативные варианты как поменять местами два блока на определенном разрешении экрана