JSFiddle - React, Tailwind, and code Playground

by Mehmet Demiray

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pencere1">pencere1</div>
<div id="pencere2">pencere2</div>
<div id="hareketli" class="tasinacakdiv">taşınacak div</div>

<button id="yolla">pencere 1 e yolla</button>
<button id="yolla1">pencere 2 ye yolla</button>

CSS

#pencere1 {
  border: 2px solid blue;
  min-height: 100px;
}
#pencere2 {
  border: 2px solid red;
  min-height: 100px;
}
.tasinacakdiv {
  border: 1px solid red;
  background: yellow;
  display: inline-block;
}

JavaScript

$("#yolla").click(function() {
  $("#hareketli").appendTo($("#pencere1"));
});
$("#yolla1").click(function() {
  $("#hareketli").appendTo($("#pencere2"));
});