JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont">
       <div  id="groupL" class="innDiv">
           <div id="1" class="aaaL el">Value 1</div>
           <div id="2" class="aaaL el">Value 2</div>
       </div>
       <div  id="groupR" class="innDiv">
           <div id="4" class="aaaR el">Value 4</div>
           <div id="3" class="aaaR el">Value 3</div>
       </div>
</div>

CSS

.cont { width:400px }
.innDiv { width:196px; display: inline-block;border: 1px solid red; vertical-align:top }
.aaaL, .aaaR{ height:50px; background-color:#ccc; cursor:pointer;border:1px solid black;margin:5px}

JavaScript

$("div.el").on("click", function() {
    var $this = $(this);
    if ($this.hasClass("aaaL")) {
        $this.removeClass("aaaL").addClass("aaaR").prependTo("#groupR");
    } else {
        $this.removeClass("aaaR").addClass("aaaL").prependTo("#groupL");
    }
});