JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<div class="container-fluid">
  <div class="row">
    <div class="col-xs-3">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h1 class="panel-title">Panel 1</h1>
        </div>
        <div id="container1" class="panel-body box-container">
          <div itemid="itm-1" class="btn btn-default box-item">Item 1</div>
          <div itemid="itm-2" class="btn btn-default box-item">Item 2</div>
          <div itemid="itm-3" class="btn btn-default box-item">Item 3</div>
          <div itemid="itm-4" class="btn btn-default box-item">Item 4</div>
          <div itemid="itm-5" class="btn btn-default box-item">Item 5</div>
        </div>
      </div>
    </div>
    <div class="col-xs-3">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h1 class="panel-title">drop 1</h1>
        </div>
        <div class="container2 panel-body"></div>

      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h1 class="panel-title">drop 2</h1>
        </div>
        <div class="container2 panel-body"></div>

      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h1 class="panel-title">drop 3</h1>
        </div>
        <div class="container2 panel-body"></div>

      </div>
    </div>

  </div>
</div>

CSS

.container2 {
  z-index: 1;
}

.box-item {
  z-index: 9999;
}

JavaScript

$(".container2").droppable({
  drop: function(event, ui) {
    var $this = $(this);
    var itemid = $(event.originalEvent.toElement).attr("itemid");
    var $dragged = ui.draggable,
      $draggedClone = $dragged.clone();
    $('.box-item').each(function() {
      if ($(this).attr("itemid") === itemid) {

        $this.append($draggedClone);

      }
    });
  }
});
$('.box-item').draggable({
  cursor: 'move',
  helper: "clone"
});