JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class='wrapper'>
    <div class='item'>
        <div class='title'>#1</div>
    </div>
    <div class='item'>
        <div class='title'>#2</div>
    </div>
    <div class='troll'>bla-bla-bla</div>
</div>

CSS

.item {
    float: right;
    margin-left: 10px;
    width: 200px;
    height: 100px;
    border: 1px solid;
}
.item+.item {margin-left: 0;}
.title {background: silver;}

JavaScript

$('.wrapper').on('dblclick', '.title', function() {
    var current_item = $(this).closest('.item');
        if (current_item.next('.item').length) {
            current_item.next('.item').after(current_item);
        } else {
            current_item.after(current_item.siblings('.item'));
        }
});