источник
<script type="text/javascript">
$('.source').click(function() {
//создаем копию объекта:
var clone = $(this).clone().appendTo("body");

//задаем первоначальную позицию:
clone.css({
top: $(this).offset().top,
left: $(this).offset().left,
position: 'absolute'
})

//анимируем к позиции цели:
clone.animate({
top: $('.target').offset().top,
left: $('.target').offset().left,
opacity: 0 //с уменьшением прозрачности
},
//по завершении анимации удаляем элемент:
function() {
$(this).remove()
})

})
</script>
Не могу , почему он не работает
________
посл. ред. 27.06.2021 в 11:55; всего 1 раз(а); by UNNIX

Библиотека jquery подключена? Подключена правильно? Код jquery находится внутри $(function() {...})?

Вилы Выкидные,
Я в js воопще плох.
<script src="/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
________
посл. ред. 27.06.2021 в 11:09; всего 1 раз(а); by UNNIX

Вилы Выкидные, а код сам верный?

На кнопку забиндил ?
Второе походу который советовал не увидел что там указывается клик

WapRu, это стиль
.source {
border: 1px solid #ff5000;
position: absolute;
top: 200px;
left: 10px;
}

.target {
background: #ff5000;
position: absolute;
top: 20px;
right: 10px;
}

WapRu,
<div class="source">source</div>
<div class="target">target</div>
Проверьте пожалуйста у вас . Не могу понять или что то с библеотекой или что.

Добавь такое на страницу и кликай

<input type="submit" id="source" value="TEST" />

Js данный начинает работать после того как будет выполнен клик
------------------------
Ради интереса проверил

Код будет такой

 <div class="target">target</div>

 <input type="submit" id="source" value="TEST" /> 

 

При выполнении target пропадает
________
посл. ред. 27.06.2021 в 12:01; всего 1 раз(а); by WapRu

Что то не активно все. В шапке есть ссылка на источник.

Ну давай разберем это все , место положение вывода находиться в body ?

В источнике только пример реализации ,а не 100% решение