JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="box source">
        <div class="item" style="background-color: yellow;">
            Item 1
            <div class="item" style="border-color: blue;">Item 2</div>
        </div>
        <div class="item">Item 3</div>
        <div class="item">Item 4</div>
    </div>
    <div class="box destiny">
        
    </div>
</div>

CSS

/**
 * Not necessary css - only for readability
 */
.container {
    display: table-row;
}
.box {
    display: table-cell;
    border: 1px solid #000;
    width: 100px;
}
.item {
    margin: 5px 0;
    background-color: tomato;
    border: 1px dashed #f0f0f0;
}

JavaScript

$('.item').on('click', function(){
    // Append clicked item on destiny div
    $(this).appendTo($('.destiny'));
});